droom: CSS und DIVs

Beitrag lesen

Hallo folks,

ich habe folgendes:

<div id="main" style="border:1px solid #FF0000;color:#000000;margin-left:63px;width:962px;background-color:white">

<div id="header" style="position:relative;top:0px;height:245px;"></div>
<div id="middle" style="position:relative;top:-39px;height:253px;"></div>
<div id="footer" style="position:relative;top:-39px;height:26px;"></div>

</div>

Ich wollte dass der middle-DIV etwa 39px auf dem header-DIV kommt. Es funktioniert ja. Ich musste dann den footer-DIV auch hoch machen, damit er direkt hinter den middle-DIV ist.
Das Problem ist aber, dass der Main-DIV 39px nach unten zu hoch ist. Wie erreiche ich, dass der main-div genau die höhe von allen DIV hat und dabei dass mit dem -39px versteht?