Изображение нарушает округлую границу в сафари

Question

У меня есть некоторые проблемы с закругленными углами и изображениями в сафари.Это прекрасно работает в Chrome, хотя.Пожалуйста, взгляните на этот jsfiddle, объясняя мою проблему:

http://jsfiddle.net/2cTPw/1/

Почему это происходит?Что мне не хватает?Я пытался найти ответы, но все, что я могу найти, - это люди, имеющие схожие проблемы, но не решающие мою проблему.: /

Answer 1

Это известная проблема в Safari.Обойти это можно, установив изображение на заднем плане вашего div:

<div id="box" style="background-image:url(http://www.omnidev.se/images/uploads/omnidev_media.png)" />
</div>

См. Этот форк: http://jsfiddle.net/qHG7z/

Answer 2

Это потому, что граница не учитывается в сафари. Попробуйте что-то вроде этого:

http://jsfiddle.net/2cTPw/4/