Safari i Mobile Safari wydają się mieć problem, gdy łączysz promień obramowania, dopełnienie i obramowanie. Działa dobrze w Chrome i Firefox.

 <- Oczekiwany

 <- Renderowanie Safari

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
}

Przykład:http://jsfiddle.net/ucNwx/2/

Czy to moja wina, czy safari? Jak to naprawić?