подставляя valign через CSS

Question

Я пытаюсь разместить содержимое в строке таблицы. Строка, о которой идет речь, в свою очередь содержит 2 других таблицы и 1 маленькое эскизное изображение (каждый в ячейке таблицы, конечно). Строка была позиционирована с использованием valign="top" до сих пор. Это хорошо отразилось на содержании всех трех столбцов.

Однако я хотел поместить его с помощью CSS position:relative; vertical-align:text-top;

Это позиционирует содержимое ячейки хорошо если нет миниатюрного изображения. Однако, как только изображение включено, другие столбцы вообще не расположены. См. Изображение ниже.

alt text http://www.freeimagehosting.net/uploads/5164a2c796.jpg

^{* Искренняя Извинения для Шодди изображения Форматирование.}

Я хочу, чтобы обе таблицы, а также миниатюра, были выровнены по вертикали вверху.

Обратите внимание, что все поля и paddings установлены в 0, а размеры на изображении действительны.

Знает ли кто-нибудь, почему мой браузер (Firefox) ведет себя таким образом и как его исправить?

Answer 1

Хорошо, получилось! Кажется, что vertical-align:text-top выравнивает элемент на вершине текста родительского элемента, а не на верхнюю часть родительского элемента! Смена его на vertical-align:top сделала трюк :)