FireFox: растягивание ячейки содержимым при overflow:auto

[Takker]

Доброго времени суток.

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

Итак, суть вопроса:

<table style="height:100%; vertical-align: bottom;">
	<tr>
		<td style="overflow: auto;">
		<div style="height:100%;"></div>
		</td>
	</tr>
	<tr><td style="height: 200px;"></td></tr>
</table>

Цель (что нужно получить):

Таблица во всю высоту height:100%. Имеет нижнюю строку с фиксированной высотой 200 пикселей. Нижняя строка примыкает к нижнему краю экрана vertical-align: bottom. Верхняя строка занимает все оставшееся по высоте пространство (оставшиеся 100% минус 200рх) - для этого мы просто не задаем ее высоту. В этой строке все свободное по высоте место занимает див (height:100% ). Как только содержимое дива увеличивается больше, чем на "100%-200рх", появляется полоса прокрутки. Описанным способом цель (появление полосы прокрутки) успешно достигается в IE, однако в FireFox, при увеличении дива, высота верхней строки увеличивается бесконечно, а нижняя строка (нижние 200рх) просто смещаются вниз, в зону вне видимости. Собственно, задача в том, чтобы в FF при увеличении дива сверх 100%-200рх появлялась бы полоса прокрутки.

Прошу помочь советом.

Edited October 17, 2009 by Takker

[Justnewone]

Попробуйте таблице min-height:100%