Div boks lige efter en anden

Hej, jeg har nedenstående kode. Mit problem er at jeg gerne vil have #bund_ boksen til at starte hvor #hoved-vindue_ slutter. #hoved-vindue's højde er defineret af indeholdet af den.

<style>
#hoved-vindue_ {
    position:absolute;
    left:44px;
    width:633px;
    height:auto;
}


#bund_ {
    position:absolute;
    left:41px;
    width:878px;
    margin-top:0;
}
</style>

        <div id="hoved-vindue_" style="background-image:url(images/hoved_vindue.gif);">
            indhold<br><br>indhold<br><br>indhold<br><br>indhold<br><br>indhold<br><br>indhold<br><br>indhold<br><br>indhold<br><br>indhold<br><br>indhold<br><br>indhold<br><br>indhold<br><br>indhold<br><br>indhold<br><br>indhold<br><br>indhold<br><br>indhold<br><br>indhold<br><br>indhold<br><br>indhold...
        </div>
        <div id="bund_">
            <img id="bund" src="images/bund.png" width="878" height="50" alt="" />sss
        </div>