Верстка.

Имеется таблица с тремя ячейками. В каждой ячейке содержимое состоит из трех частей:

Верх (image)

Центр

Низ (Bottom)

Высота верха и низа фиксированная. Средняя часть может изменять высоту в зависимости от длины текста в ней.

Вот код:

<table border="1">
  <tr>
    <td style="vertical-align: top; width: 200px; position: relative; padding-bottom: 50px;">
	<div style=" height:100px; width:100px; background:#0033CC; margin: 0 auto;">image</div>
	<div style="">name</div>
	<div style=" position: absolute; bottom: 0; height: 50px; background: #99CC66">bottom</div>	
	</td>
    <td style="vertical-align: top; width: 200px; position: relative; padding-bottom: 50px;">
	<div style=" height:100px; width:100px; background:#0033CC; margin: 0 auto;">image</div>
	<div style="">name<br />555</div>
	<div style=" position: absolute; bottom: 0; height: 50px; background: #99CC66">bottom</div>	
	</td>
    <td style="vertical-align: top; width: 200px; position: relative; padding-bottom: 50px;">
	<div style=" height:100px; width:100px; background:#0033CC; margin: 0 auto;">image</div>
	<div style="">name</div>
	<div style=" position: absolute; bottom: 0; height: 50px; background: #99CC66">bottom</div>	
	</td>
  </tr>
</table>

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

Все хорошо, все работает во всех браузерах. А ведь не должно :)

Я задал position: relative; не блочному элементу, а ячейке таблицы. Это не блочный элемент и по идее ему должно быть безразлично это позиционирование. Однако работает почему-то. И абсолютно спозиционированный блок позиционируется относительно ячейки таблицы, как будто это блочный элемент.

Вопрос вот в чем: такое поведение это теперь норма? Раньше ФФ ругался и не позволял позиционировать элементы в ячейках таблицы, задавая им position: relative; как блочным элементам.

П.С. Извините за не полный заголовок. Хотел добавить после создания поста, но забыл. Теперь не отредактировать :(