100% Höhe bei div-Containern?

[sirrpa]

Hallo!

Ich habe mal eine Frage bezüglich der Höhe von 100% bei Containern.

Es geht um folgende Seite:
http://www.webgarden.info/01_eigene_projekte_server/praxis/www.homoeopathische-praxis.info/startseite.htm
Die Container "hautpnavi", "inhalt" und "nebennavi" haben alle eine höhe von 100%. Nun kann man sehen, dass die Seite "zu lang" gezogen wird, ungefähr um die Länge der 140 px den ich den beiden oberen Containern ("kopf" und "thema")insgesamt an höhe zugewiesen habe......

wie kann ich das verhindern?

hier die css-datei:

html {
height:100%;
}

body {
height:100%;
margin:0px;
padding:0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #131A46;
}

h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-variant: small-caps;
}

a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #550000;
text-decoration: none;
}

a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #550000;
text-decoration: none;
}

a:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #550000;
text-decoration: none;
}

a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #550000;
text-decoration: underline;
}

div#aussen{
position: relative;
height:100%;
width:760px;
margin: auto auto;
background-color: #F9F5EE;
border-right-width: 1px;
border-left-width: 1px;
border-right-style: dotted;
border-left-style: dotted;
border-right-color: #550000;
border-left-color: #550000;
z-index:1
}

div#kopf{
position: relative;
width:760px;
height:120px;
z-index:2;
border: 1px dotted #550000;
}

div#thema{
position:absolute;
top:120px;
width:760px;
height:20px;
z-index:7;
border: 1px dotted #550000;
}

div#inhalt{
position:absolute;
left:140px;

width:500px;
height:100%;
z-index:6;
border-top-width:1px;
border-left-width: 1px;
border-right-width:1px;
border-top-style:dotted;
border-right-style: dotted;
border-left-style: dotted;
border-top-color:#550000;
border-right-color: #550000;
border-left-color: #550000;
top: 142px;

}

div#hauptnavi{
position:absolute;
top:142px;
width:140px;
height:100%;
z-index:5;
border-top-width:1px;
border-left-width: 1px;
border-right-width:1px;
border-top-style:dotted;
border-right-style: dotted;
border-left-style: dotted;
border-top-color:#550000;
border-right-color: #550000;
border-left-color: #550000;
}

div#nebennavi{
position:absolute;
left:640px;
top:142px;
width:120px;
height:100%;
z-index:4;
border-top-width:1px;
border-left-width: 1px;
border-right-width:1px;
border-top-style:dotted;
border-right-style: dotted;
border-left-style: dotted;
border-top-color:#550000;
border-right-color: #550000;
border-left-color: #550000;
}

wer mir da einen tipp geben könnte, dem wäre ich dankbar!

liebe grüsse von sirrpa