Прижать к верху header

[Abrogen]

Цель: Прошу помощи.
Имеется: два div`а.
Хочу: Один div прижимается к верху, другой растягивается на 100% до самого низа, НО до появления полосы прокрутки.

HTML:

<div id="main">
	<div id="header"></div>
	<div id="content"></div>
</div>

CSS:

#main {
	height : 100%;
}

#header {
	height : 100px;
}

#content {
	height : 100%;
}

 

[kein]

Я не до конца понял вопрос,но может min-height?

 

[Abrogen]

может min-height?

Не вариант, IE6 не поймёт.

Я не до конца понял вопрос

Код, который я написал выше - не подходит тем, что даже при условии того, что блоки пустые появляется полоса прокрутки.
мне нужно что-то вроде

#content {
        height : 100% - 100px;
}

грубо говоря, что бы полоса прокрутки не появлялась.

 

[kein]

Я не знаю решения css'ом, могу предложить только яваскрипт, или переверстать так, что бы блок #content был не 100% высоты, а по контенту

 

[Abrogen]

Я не знаю решения css'ом

Жаль :unsure:

 

[tigra60]

А если #header вложить внутрь #content?

<div id="main">
        <div id="content">
            <div id="header"></div>       
        </div>
</div>

 

[Abrogen]

Правда я уже закрыл эту тему. В любом случае, tigra60, Спасибо! В будущем пригодится!