Несовместимые границы таблиц с FireFox

Question

У меня есть несколько таблиц, которые хорошо отображаются в IE и Chrome.Но в Firefox некоторые границы произвольно не отображаются или имеют разную ширину.Вы можете увидеть пример Здесь .Ниже приведен соответствующий 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

Если вы сравните две таблицы на предоставленном вами изображении, вы увидите, что нижняя таблица немного больше верхней.