Round border in Safari

Question

css

Safari doesn't want to render the round border correctly, not at all. I get this:



About the "phantoms" at the edges, I generally keep quiet.
That is, there is a border, there is rounding, and the corners of the image are cut off.
I tried to hang on a div, on a link, prefixes, that's all ...

Tell me what I'm doing wrong

Answer 1

The latest, 6.0.2.
A few offhand examples:



And such artifacts are everywhere. Even in the iTunes store sometimes it happens. But there is no such thing in chrome, apparently, it is not a system one, it uses its own webkit.

Answer 2

did I understand you correctly? codepen.io/sol0mka/pen/tyLqp

Answer 3

This is a known issue that is already being discussed.