Пунктирные границы таблицы примыкают и перекрываются в IE6 / 7

Question

У меня есть несколько <td> элементов с пунктирными границами в 1 пиксель внизу. Каждый элемент имеет фиксированную ширину. Это означает, что иногда границы заканчиваются так, с примыкающими точками, которые создают темное пятно на границе:

-- -- -- --|-- -- -- --

но иногда они отображаются правильно, например:

-- -- -- --| -- -- --

Я могу перемещать их, изменяя ширину бита <td> sa, а иногда они вообще исчезают, но есть ли более правильный способ рендеринга фиксированной ширины <td> s, который бы избежал этой проблемы и спас хлопот это вызвало?

РЕДАКТИРОВАТЬ: Border-collapse применяется к таблице

Answer 1

Вы можете поиграть с CSS background-images, чтобы создать пунктирную границу.Если вы создали изображение шириной 2 пикселя с точкой в ​​качестве первого пикселя и пустым в качестве второго, вы можете предотвратить это, убедившись, что все значения ширины <td> кратны 2.

Answer 2

Проблема будет в рендерере IE. Я не думаю, что есть стандартизированный (или даже специфичный для IE) способ сказать рендереру «начать рендеринг границы с этим смещением» или как угодно.