Css 浏览器缩放时填充丢失（Chrome）

我定义了以下css：

#content {
    padding: 6px;
    margin: 0 10px;
    border-left: solid 1px #176184;
    border-bottom: solid 2px #176184;
    border-right: solid 1px #176184;
    background-color: #fff;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
}

当我处于“正常”缩放级别时，一切看起来都很棒。然而，当我重新加载并增加缩放时，Chrome会立即删除填充。Firefox和IE都很好。

---

我已经尝试了我能想到的一切，但花了几个小时的时间寻找却没有结果。这是非常令人沮丧的，所以我将非常感谢任何提示

你说的缩放是什么意思。Ctrl+？@simon我试图复制您的问题，但没有成功。我用的是Chrome22。我尝试过缩放页面和增大/减小字体大小，但都没有导致填充减少。我们可以看一个屏幕截图或者JSFIDLE/CodePen示例吗？-moz边界半径右下角：5px-moz边框半径左下角：5px；这些行是错误的，你能纠正上面的错误并验证你的结果吗，