No es lo mismo que usar esquinas redondeadas, pero yo uso una "técnica" que normalmente da buen resultado y da un efecto bastante resultón. Consiste en usar 3 divs puestos uno encima de otro, el del centro es el contenido y los otros 2 son para dar el "redondeo"
Código HTML:
<div class="contenedor">
<div class="arriba"/>
<div class="contenido">Contenido que se quiere redondear</div>
<div class="abajo" />
</div>
en el css necesitas
Código:
.arriba, .abajo{
background-color: #fff
height: 1px;
margin: 0 1px;
}
.centro, .arriba, .abajo{
width: 100%;
}
.contenedor{
width: 200px;
}
La gracia está en que los divs de arriba y abajo son un pixel más pequeños y el aspecto es el mismo que el de un borde redondeado. Si en vez de usar un div encima y otro abajo usas 2 arriba y 2 abajo, puedes conseguir un radio mayor quitándole al segundo div 2 pixels en lugar de uno.