Bug de sombra de caixa e raio de borda no Chrome
Estive experimentando CSS3 e encontrei algo estranho. Heres é a parte do 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;
A renderização no Opera e no Firefox é a mesma e perfeita:
texto alternativo http://i47.tinypic.com/j8egp5.png
Mas o Chrome renderiza sombra fora da fronteira:
texto alternativo http://i45.tinypic.com/5doykw.png
Deveria ser assim ou eu perdi algo importante?