Safari и Mobile Safari неправильно отображают закругленные границы с радиусом и отступами?
Safari и Mobile Safari, кажется, имеют проблемы, когда вы комбинируете радиус границы, отступы и границы. Прекрасно работает в Chrome и Firefox.
<- ожидается
<- Сафари Рендеринг
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
}
Пример:http://jsfiddle.net/ucNwx/2/
Это моя вина или сафари? Как бы это исправить?