Таблица 100% высоты внутри абсолютного деления

Question

У меня есть таблица внутри абсолютного позиционного div. Div растягивается с использованием top 0 и bottom 0, и кажется, что он растягивается, как и ожидалось, кросс-браузер. (Я проверил, я поставил на нем границу, и она растянулась, как и ожидалось). Теперь внутри div у меня есть стол. Я хочу, чтобы стол растянулся на всем пространстве div, и в Google Chrome это делает. Но в Internet Explorer и Firefox это не так, таблица растягивается на ширину, но игнорирует свойство height, а ее высота определяется ее содержимым.

Есть ли способ это исправить или как-то обойти?

Вот код:

<div
    style=
        "position:absolute;
         top:40px;
         left:0px;
         right:0px;
        bottom:0px;">
    <table
        width="100%"
        cellpadding="0"
        cellspacing="0"
        style="height:100%;">
    </table>
</div>

Answer 1

Определите height вашего div,

<div style="position:absolute; top:40px; left:0px; right:0px; background-color: #f90; bottom:0px; height: 400px">
    <table width="100%" cellpadding="0" cellspacing="0" style="height:100%;">     
    </table>
</div>