html - 与 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;

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