Overflow:hidden ne fonctionne pas dans Safari

Je suis coincé avec un problème, je ne comprends pas: ma méthode pour faire de YouTube images ronde est de les mettre dans un récipient avec

border-radius: 50%; 
overflow: hidden;

Cela fonctionne sur Chrome et FF, mais Safari endroits de l'image "au dessus" de l'récipient rond.

Veuillez vérifier le violon: http://jsfiddle.net/nikita_turing/2QyY3/

Comment je fais les images ronde sur Safari?

Fonctionne pour moi sur Safari 6.0.2
Le mien était 5.1.7 sur windows et la version sur mon ipod touch (ios 5.0)

OriginalL'auteur leosok | 2013-02-25

  1. 8

    dans Safari 5.1.7 (PC) le position:relative sur l'image semble empêcher la border-radius d'être appliquée

    supprimer position:relative et définir margin-left (au lieu de left) dans votre jQuery, il fonctionne

    jsfiddle démo

    Et bien merci beaucoup, vous l'avez résolu. Mais ici, c'est la prochaine question pour vous: pourquoi la bordure fait étrange dans safari? jsfiddle.net/nikita_turing/2QyY3/3
    semble être documenté webkit bug (n ° 72619) (3 dupes) et a été résolu récemment. Depuis Safari 5.1.7 est sorti 2012 il n'a pas la corriger.
    Aug/2014 et toujours en panne. C'est ridicule
    brisé dans Safari 5.1.7 (PC) je suppose?...L'assistance Apple a séché pour Safari sur PC.

    OriginalL'auteur MikeM