HTML - Como poner el fondo redondo?

Hola buenas tardes,

Tengo un menú con imágenes de manera horizontal cuando paso el ratón sobre las opciones me parece un fondo verde transparente, la pregunta es ¿Como se hace que el fondo se vea de las esquinas redondo?. este es el código
que utilizo, y muchas gracias por las persona que nos ayudan a las persona que tenemos dudas, que se la pasen muy padre en compañía de sus seres querido.

#div_botton{
float:left;
margin:-5px auto 0 200px;

}
#button{
padding:0;
}

#button li {
display: inline;
}

#button li a {
text-decoration: none;
float:left;
padding: 10px;
/*background-color: #2175bc;
color: #fff;*/
}

#button li a:hover {
background-color: rgba(144,252,153,0.4);
margin-top:-4px;
padding-bottom:12px;
}

<div id="div_botton">
<ul id="button">
<li><a href=”#”><img alt="" src="/labdaco/botones/b_inicio.png"/></a></a></li>
<li><a href=”#”><img alt="" src="/labdaco/botones/b_nosotros.png"/></a></li>
<li><a href=”#”><img alt="" src="/labdaco/botones/b_clientes.png"/></a></li>
<li><a href=”#”><img alt="" src="/labdaco/botones/b_servicios.png"/></a></li>
<li><a href=”#”><img alt="" src="/labdaco/botones/b_contacto.png"/></a></li>
</ul>
</div>

Este post te puede ayudar:
http://www.desarrolloweb.com/articulos/bordes-redondeados-en-css-3.html