与FireFox不一致的表格边框

Question

我有一些表在IE和Chrome中渲染得很好。但在Firefox中，一些边框任意不显示或具有不同的宽度。您可以看到示例Here。以下是相关的CSS：

    table {
            font-size: 1.0em;
            border-collapse: collapse;
            border: 3px solid #004C87;
            margin: 5px 5px 5px 5px;
    }


    th, td {
            padding-top: 7px;
            padding-right: 5px;
            padding-bottom: 5px;
            padding-left: 5px;
            border: 1px solid #004C87;
            text-align: left;
            vertical-align: top;
            line-height: 1.3em;
    }

在下面的图片中，我在不同的浏览器中呈现屏幕截图。黑色箭头表示线条/边框未显示的情况。红色箭头表示宽度不同的情况。

如果我要重复这些表格，那么这些事件将是任意的。

Answer 1

我有一个问题，边界出现时应该不应该出现。 我解决了这个问题：

border-collapse:separate;

我知道这不是直接的答案，但搜索把我带到了这里。

Answer 2

我发布这个作为答案，因为我相信在这一点上你必须在Firefox中稍微缩小一下。尝试按Ctrl+0

如果比较您提供的图像中的两个表格，您会发现底部的表格略大于顶部的表格。