HTML CSS: разбитая таблица?

Question

Я использую YUI для сброса классов браузера, а затем добавляю в пару пользовательских таблиц стилей ... Я видел это несколько раз, и я не думаю, что когда-либосузили причину:

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

Вот мой CSS:

.tblSquare {
    text-align: left;
    border-collapse: collapse;
}
.tblSquare td.top {
    background:url('/Content/Images/tblSquare_top.gif') repeat-x;
}
.tblSquare td.left {
    background:url('/Content/Images/tblSquare_left.gif') repeat-y;
}
.tblSquare td.right {
    background:url('/Content/Images/tblSquare_right.gif') repeat-y;
}
.tblSquare td.bottom {
    background:url('/Content/Images/tblSquare_bottom.gif') repeat-x;
}
.tblSquare td.content {
    background:#FFF;
    vertical-align:top;
}

Answer 1

Я пришел к выводу, что это не очень хорошая практика. Всегда используйте DIV, если содержимое не является табличными данными. Нет смысла пытаться быть умным ... и при этом быть крайне неумным.

Answer 2

https://developer.mozilla.org/en/Images%2c_Tables%2c_and_Mysterious_Gaps

Answer 3

Трудно сказать, что не так, если вы не публикуете свой HTML или CSS, но это похоже на случай наличия некоторого пробела (возможно,  ) в таблице, который заставляет высоту ячейки быть вышеизображение, которое оно содержит.