div elternelement wirrwarr

[georg]

Hallo..

WArum ist hier das Elternelement des divs "naviliste" mit der Liste der body und nicht das div "balken" ??

<pre> <div id="balken">
<div id="naviliste">
<ol>
<li><a href="unternehmen.html" title="Firmenprofil" target="inhalt">Unternehmen</a></li>
<li><a href="produkte.html" title="Produkte" target="inhalt">Produkte</a></li>
<li><a href="kontakt.php" title="Kontakt" target="inhalt">Kontakt</a></li>
</ol>
</div>
</div>
</pre>

css:

<pre> #balken {
margin: 3px 0 0 0;
padding: 0;
height: 30px;
background: #CB6363;
}
#naviliste {
position: absolute;
bottom: 0px;
left: 200px;
margin: 0;
padding: 0;
height: 30px;
border: 1px solid #000; /* nur für test */
}
#naviliste ol {
padding: 0;
margin: 0;
float: left;
list-style: none;
font-size: 0.7em
}
#naviliste li {
display: inline;
}
#naviliste a {
height: 18px;
width: 150px;
float: left;
background: transparent;
border-left: 1px solid #970000;
border-right: 1px solid #970000;
border-top: 1px solid #CB6363;
font: bold 8pt verdana;
text-decoration: none;
color: #000;
text-align: center;
vertical-align: middle;
margin-right: 5px;
padding: 0;
}
#naviliste a:hover {
background: #F0F0F0;
color: #970000;
border-left: 1px solid #970000;
border-right: 1px solid #970000;
border-top: 1px solid #970000;
}
</pre>

Kapier ich nicht..