Bordes redondeados con CSS3

Las esquinas y bordes redondeados son parte natural del diseño web, pero siempre han representado un dolor de cabeza. 

Sin embargo, cada vez esta más cerca la implementación de CSS3 en los navegadores más populares y con ella, la posibilidad de crear bordes redondeados solo con css y sin imágenes.

.caja { 

border:3px solid #333;
 background:#eee;
width:80%; 
padding:5px;
 /*para Firefox*/ 
-moz-border-radius: 15px 15px 15px 15px; 
/*para Safari y Chrome*/ 
-webkit-border-radius: 15px 15px 15px 15px;
 /* para Opera */ 
border-radius: 15px 15px 15px 15px; 
/* para IE */ 
behavior:url(border.htc); }