O Safari e o Mobile Safari estão processando bordas arredondadas com raio e preenchimento incorreto?
Safari e Mobile Safari parecem ter um problema quando você combina raio de borda, preenchimento e bordas. Funciona bem no Chrome e no Firefox.
<- esperado
<- Safari Rendering
HTML:
<img src="http://lorempixel.com/200/200/animals/3/" />
CSS:
img {
width: 200px;
height: 200px;
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
padding: 3px;
border: 1px solid #999;
margin: 10px
}
Exemplo:http://jsfiddle.net/ucNwx/2/
É minha culpa ou Safaris? Como eu consertaria isso?