Chrome中没有边框，但它在Firefox中

Question

我正在使用Bootstrap。 你会在图像上看到我的麻烦

来自Chrome的屏幕：https://www.dropbox.com/s/1zi8eq7zposn6c9/chrome.png

来自FireFox的屏幕：https://www.dropbox.com/s/7mrxarypnsjb63d/firefox.png（对不起，在底部还有另一个带边框的div）

我的HTML（我认为不需要全部放在这里）：

    <div class="row menu">
    ...
</div>

我的CSS：

    .menu{
    width:940px;
     height: 30px;
    border-width:0.5px;
    border-top-style:solid;
    border-bottom-style:solid;
    border-color: grey;
    padding:10px;
    background-color: rgb(212,229,190);
     }

Answer 1

由于我的评论有所帮助，这里的解决方案是正式答案。

问题是由于舍入错误，因为边框设置为半个像素。通过使用至少1px的边框宽度，问题将消失（边框出现时）。