Kleines Problem mit Boxen (div)

[crazylady]

Hallo!

ich versuche das layout meiner Grafikseite auf boxen und css basierend aufzubauen!


http://www.only-stuff.com/grafx-zone/boxenlayout.html

erstmal die frage: wie wird das bei euch angezeigt?

dann mein problem:
wenn die navigationsbox (navi) länger ist wie die hintergrund-box, dann will sich die hg-box einfach nicht anpassen!! ist jedoch passt sich die die hg-box der ihnhaltsbox an!

hier der css-code der boxen:

div.hg {
position: absolute;
left: 50%;
width: 800px;
height: auto;
margin-top: 10px;
margin-left: -400px;
background-color: #f0f0f0;
}

div.navi {
position: relative;
top: 10px;
left: 10px;
float: left;
width: 180px;
height: auto;
margin: 10px, 5px, 10px, 5px;
background-color: #f0f0f0;
}

div.inhalt {
position: relative;
left: 195px;
top: 0px;
width: 560px;
height: auto;
margin: 10px;
padding: 10px;
background-color: #FFFFFF;
border: 1px, dashed, #006600;
}

vielen dank im voraus!