css - Safari box-sizing + 内边框不起作用

Question

我想为悬停时的圆形图像添加内边框，我有以下代码：

.face {
    width: 200px;
    height: 200px;
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    box-sizing: border-box;
    -moz-box-sizing:border-box;   
    -webkit-box-sizing: border-box;
}

.face:hover {
    border: 15px solid red;
}

.face:hover img {
    margin: -15px 0 0 -15px;
}

示例：http: //jsfiddle.net/DSgk4/

它在 Firefox 和 Chrome 中呈现正确，但在 Safari 中失败，为什么？据我所知，safari 支持带有供应商前缀的框大小和边框半径。有任何想法吗？

谢谢！