Обойти проблему с рендерингом границ таблицы Firefox

Question

Я использую таблицу для отображения календаря. Я заметил странную ошибку рендеринга в рендеринге границ ячейки таблицы в Firefox версии 3.6–7. Вот снимок экрана:

Как видите, граница прокручивается при прокрутке. Кроме того, есть промежутки между горизонтальной и вертикальной границей, где она не «согнута». Живой пример можно увидеть на этом веб-сайте .

Я не вижу такого поведения в Chrome, Safari или Internet Explorer.

---

UPDATE

Я все еще вижу эту проблему в Firefox 20. Я заметил, что однопиксельные границы не демонстрируют такое поведение, только два пикселя или более.

Answer 1

У вас проблема с обвалом границы:

Вот решение вашей проблемы: http://www.charlesgarwood.com/blog/?p=13

Что делать:

• изменить border-collapse с collapse до separate
• изменить border-width из <td> с и <th> с с 2px на 1px
• дать <table> само по себе 1px border

Дайте несколько условных комментариев, как описано в ссылке