Проблема со свойством overflow: auto у div

[esomkin]

Проблема со свойством overflow: auto у div

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

Есть кусок верстки:

<table width="200px" style="height: 100%; background: #7F9DB9">
<tr>
<td colspan="3" height="1px"></td>
</tr>
<tr>
<td width="1px"></td>
<td width="198px" style="background: #FFFFFF">

<div style="width: 100%; height: 100%; overflow: auto">

<table width="1px">
<tr>
<td height="2000px"></td>
</tr>
</table>

</div>

</td>
<td width="1px"></td>
</tr>
<tr>
<td colspan="3" height="1px"></td>
</tr>
</table>

Смысл таков, что таблица высотой 2000px вставлена как пример, т.е. когда содержимое div вылезает за его границы - появляется полоса прокрутки, в IE все работает как надо, но в Mozilla Firefox - сам div расширяет границы под таблицу. Если задать высоту div фиксированно (в пикселах) все работает, но надо в процентах.
Может кто сталкивался с такой проблемой, подскажите что можно сделать?

С уважением Евгений

-~{}~ 30.04.08 13:52:

Ну неужели никто не знает?

 

[dimagolov]

esomkin, скажи, а как ты понимаешь <div style="width: 100%; height: 100%;"> ? словами по-русски?

 

[esomkin]

Я понимаю так, что этот div будет полностью "заполнять" место, отведенное ему контейнером уровнем выше, т.е. ячейкой
<td width="198px" style="background: #FFFFFF">
..
</td>