边框半径切断Safari for Mac上的右边框

Question

以前有人见过这样的事吗？在Mac上的Safari中查看附带的JSFiddle - http://jsfiddle.net/cbrauckmuller/6e4gM/1/

这是我所看到的 -

CSS：

input[type=text], div.test {
    border-radius: 4px;
    display: inline-block;
    width: 75%;
    background: #fff;
    border: 1px solid red;
    outline: none;
    -webkit-appearance: none;
}

HTML：

<div style="margin: 20px;">
     <input type="text" value="Your mom" />
</div>

<div style="margin: 20px;">
    <div class="test">Your mom</div>
</div>

出于某种原因，Safari正在切断元素的右边界。无论是输入字段还是普通旧字段＆lt; div＆gt;都无关紧要。元件。我只保留了复制错误所需的CSS属性。如果你删除边框半径或背景颜色它修复了问题，但我需要在我的设计中使用这些属性。关于导致这种情况的任何想法？

我在Mountain Lion上使用Safari版本6.0.2（8536.26.17）。

Answer 1

尝试设置margin-right: 2px。也许它会起作用。

不幸的是，我无法在Mack上的Safari中查看它。