Как сделать высоту 100% у внутренних элементов

[Тсарь]

<table style="height:300px;" border="1" cellpadding="4">
<tr>
	<td valign="top">
		<div style="background:orange">Bla bla bla...</div>
	</td>
</tr>
</table>

Есть такой код. Мне нужно сделать чтобы высота у элемента div была такой же, как и у родительского элемента td. То есть для данного примера - чтобы таблица была закрашена оранжевым во всю свою высоту. Однако как ни бился с height - кроссбраузерного решения не получилось...

Если у td и у div прописать стиль height:100% начинаются проблемы если высота таблицы больше высоты экрана. Если вместе height использовать min-height:100% - не работает в chrome.

Может кто из более умных/опытных чем я подскажет как тут быть? )

Edited October 16, 2009 by Тсарь

[Takker]

Насколько я понимаю ситуацию, то при таком раскладе TD и так будет во всю высоту таблицы. То есть, TD автоматом отожрет все 300 пикселей. Остается только поставить height:100% для дива, чтобы тот занимал всю предложенную высоту ячейки.

[Justnewone]

Может кто из более умных/опытных чем я подскажет как тут быть? )

<table style="height:300px;" border="1" cellpadding="4">
<tr>
	<td valign="top" style="background:orange">Bla bla bla...</td>
</tr>
</table>