Делаю так
<div class=&#39;DIV1&#39;>
<div class=&#39;DIV2&#39;>
Content text goes here
</div>
</div>

Нужно чтобы сверху DIV2 отстоял на 10px от верха экрана но ОБА DIV&#39;а были высотой на всю страницу:

.DIV1 {
height:100%;
min-height:100%;
padding-top:10px;
....
}

.DIV2 {
height:100%;
min-height:100%;
....
}


В FF 2.0.3 получается то что на рисунке:
1. Появляется полоса прокрутки справа (прокручивает ровно на 10 пикселей). /* в IE не появляется */
2. Фон DIV1 элемента "не дотягивает" 10 пикселей до низа(кончается в том месте где прокрутка начинается). А фон элемента DIV2 доходит точно до низа окна с учетом прокрутки.

Пробовал ставить DIV2 margin-top:10px и убрать паддинг из DIV1. Не помогло.

Нужен какой-то трюк :/