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支持使用供应商前缀的box-sizing和border radius。有什么想法吗？

谢谢！