Safariで完全に丸められない

Question

border-radiusを使用してSafariで画像を完全に丸くすることはできません。私のコードに何が問題なのですか？

HTML：

<div class="people_photo_wrap"> 
    <img class="people_photo" src="image.jpg"> 
</div> 

はCSS：

.people_photo_wrap { 
    width: 100px; 
    height: 100px; 
    border-radius: 50%; 
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    overflow: hidden; 
} 
.people_photo { 
    width: 100px; 
    height: 100px; 
    border: 3px solid transparent; 
} 

Answer 1

画像に半径を追加します。トリックをする必要があります。

.people_photo { 
    width: 100px; 
    height: 100px; 
    border: 3px solid transparent; 
    border-radius: 50%; 
}