Poner esquinas redondeadas

Hola, me gustaria saber como poner las esquinas redondeadas al buscador de Arras Theme, el css es este


/* search bar */
#searchbar { margin: 25px 0 0; }
.searchform { border: 3px solid #383332; background: #EFEFEF; width: 250px; padding: 6px 5px; margin: 0; }
.searchform .s { font-family: 'Lucida Grande', Arial, Helvetica, sans-serif; font-size: 14px; border: none; background: #EFEFEF; padding: 0; margin: 0; float: left; width: 234px; }
.searchform .searchsubmit { background: url(../../images/searchsubmit.gif) no-repeat; text-indent: -9000px; width: 16px; height: 16px; border: none; float: left; cursor: pointer; opacity: 0.7; text-transform: capitalize; padding: 0; margin: 0; }
.searchform .searchsubmit:hover { background: url(../../images/searchsubmit.gif) no-repeat; opacity: 1; }

Funcina en todos los navegadores?

si, los atributos son para cada navegador

-moz-border-radius: /* Para Mozila 4.0 - anterioro */
-webkit-border-radius: /*Google Chorme */
border-radius: /*Todos los navegadores que lean CSS 3 */

incluso funcionan para IE 8 y 9

krusty72 dijo:

CSS3 Generator

Hacer clic para expandir...

No lo conocia gracias

Aqui esta algo mas compatible: