CSS: заставить div поместиться на экране браузера?

Хорошо, я пытаюсь сделать div подходящим по размеру окна браузера. Так что у меня есть div с высотой: 100%. Все это очень хорошо. Однако это содержит таблицу (в элементе управления ASPX я не могу изменить код и т. д., прием.), и много уровней вниз есть div с "height: 1869px" (и переполнение:auto и position:relative, если это имеет значение). Это приводит к изменению размера таблицы, чтобы соответствовать этому, и вся страница заканчивается прокруткой. IE8 developer tools report мой внешний div имеет только высоту 896, но таблица (единственный дочерний элемент ее), содержащаяся непосредственно внутри, имеет высоту 1888.

Вот основная идея:

<div style="height:100%">

    <table><tr><td>

        <!-- A whole bunch of other stuff the WebPart spits out, including another couple divs -->

            <div style="height:1869px">

     </table></tr></td>

</div>

(Хотя существует много стилей из классов, и мой height:100%, и его height:1869px определены inline-и мой должен быть, потому что в противном случае sharepoint помещает height:400px)

Я не могу ничего изменить ниже внешнего div (он генерируется веб-частью SharePoint), и хотя это можно исправить с помощью JavaScript hack (найти точный элемент с проблемой и убейте это), это не ремонтопригодное решение, так как веб-часть может измениться. Спасибо за вашу помощь!