Проблема стабличкой

[notoneofthe]

Всем привет!

Сделала ленту с картинками товаров табличкой со скрытыми элементами td. нажав на левую или правую кнопку, предыдущая или след делается видимой, остальные невидимыми.

В хроме и эксплорере последнем всё работает норм.

В мозилле и опере возникает глюк: картинки пляшут на разной высоте.

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

Попробовала сделать все ячейки видимыми - всё норм, все на одной высоте во всех браузерах. Не пойму, что меняется, если они невидимые и идёт переключение между ними(((

Пробовала всевозможные выравнивания всех элементов ничего не помогло. Откуда может браться это дополнительно место сверху, на которое сдвигается вниз ячейка?

Может кто-то сталкивался?

Help! sos!

пример(лента внизу после заголовка "Похожие блюда"):

http://www.mossalat.ru/product.php?id=161

Edited January 28, 2012 by notoneofthe

[buddah]

Высота ячеек фиксировано задана?

[notoneofthe]

Высота ячеек фиксировано задана?

Фиксированно. С размером самих ячеек всё норм. Он не увеличивается.

А вот внутри <tr> и происходит это странно смещение(

[buddah]

а можно ссылку на проблемную страничку?

[notoneofthe]

а можно ссылку на проблемную страничку?

конечно) она же внизу первого поста.

[SelenIT]

Не ставьте ячейкам таблицы display:block, это ломает всю табличную модель (в которой должна быть иерархия table > table-row > table-cell). Для показа ячеек попробуйте присваивать св-ву display пустую строку — это должно сбросить его в дефолтное значение (table-cell в полноценных браузерах и block в доисторических IE). А еще лучше завести класс типа .hidden {display: none;} и просто добавлять/убирать его для скрытия/показа чего угодно.

[buddah]

а можно ссылку на проблемную страничку?

конечно) она же внизу первого поста.

Упс, я думал это рабочий пример.

SelenIT все уже сказал.

Edited January 28, 2012 by buddah

[notoneofthe]

Не ставьте ячейкам таблицы display:block, это ломает всю табличную модель (в которой должна быть иерархия table > table-row > table-cell). Для показа ячеек попробуйте присваивать св-ву display пустую строку — это должно сбросить его в дефолтное значение (table-cell в полноценных браузерах и block в доисторических IE). А еще лучше завести класс типа .hidden {display: none;} и просто добавлять/убирать его для скрытия/показа чего угодно.

Спасибо огромное!