Tema: 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; }

en searchform supongo con css

Código:

-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

Funcina en todos los navegadores?

Usar HTML5 y CSS3?

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

CSS3 Generator

Iniciado por krusty72

CSS3 Generator

No lo conocia gracias

Aqui esta algo mas compatible:

Código HTML:

border-radius: 5px; /* CSS3 */
-moz-border-radius: 5px; /* Mozilla */
-khtml-border-radius: 5px; /* Safari */
-webkit-border-radius: 5px; /* Chrome */