Error de cuadro de sombra y radio de borde en Chrome
He estado experimentando con CSS3 y encontré algo extraño. Aquí está la parte del estilo DIV:
border:#446429 solid 1px;
border-radius:15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
box-shadow:3px 0px 15px #000000 inset,0px 3px 15px #000000 inset;
-moz-box-shadow:3px 0px 15px #000000 inset,0px 3px 15px #000000 inset;
-webkit-box-shadow:3px 0px 15px #000000 inset,0px 3px 15px #000000 inset;
Renderizar en Opera y Firefox es igual y perfecto:
texto alternativo http://i47.tinypic.com/j8egp5.png
Pero Chrome muestra sombras fuera del borde:
texto alternativo http://i45.tinypic.com/5doykw.png
¿Se supone que es así o me perdí algo importante?