Safari中的边界半径切割/图像重叠

我已经浏览了其他一些问题和答案，但仍然无法在Safari（V5.1.7）中实现这一点

这是我的密码-

图像是正方形218px 218px，所以我猜这与它有关，但我希望它是这样的，这样在不支持边框半径的旧浏览器中看起来就足够了

这可能很简单，但我仍然坚持这一点

谢谢。 Al.

从Sitepoint回答：

嗯，很棘手。如果您将边界放在以下位置，则它会起作用：

代码：

您现在可以只使用borderradius，而不使用供应商前缀，因为所有浏览器现在都将支持它

.services   {
    width: 218px;
    float: left;
    margin-right: 29px;
}
.services img   {
    border: solid 8px #ccc;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.services a img:hover   {
    border: solid 8px #333;
    -o-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}

.services   {
    width: 218px;
    float: left;
    margin-right: 29px;
}

.services img   {
    vertical-align: top;
}

.services img, .services a   {
    border-radius: 50%;
}

.services a {
    border: 8px solid #ccc;
    display: inline-block;
}

.services a:hover   {
    border: 8px solid #333;
    -o-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}