Ashtray: Probleme DIVS zu schachteln

Beitrag lesen

Hallo alle zusamen.

Ich bin im Moment dabei meine Homepage in xhtml neu aufzubauen und habe Probleme, die Divs zu schacheln.

Die Seite soll so aufgebaut sein, dass Links ein Menü (#left) und Rechts ein Menü (#right) in einem übergreifenden div (#huelle) dargestellt werden.

So sieht mein Quelltext aus:

<div id="huelle">
<div id="left">
<a class="left" href="/">Home</a>
</div>
<div id="right">
</div>
</div>

Das Problem hierbei: Die Browser interprätieren das erte </div> Tag als Ende der "Huelle", es soll aber das Ende des "Left" sein. Mit meinem Code wird "Right" eben außerhalb von "Huelle" angezeigt.

Wie kann ich das lösen?

Achja, falls das von intresse ist der Quellcode des CSS Files:

#huelle {
background-color: #ffffff;
height: auto;
width: 1000px;
margin: 100px 40px 10px 70px;
border: 2px solid blue;

}
#left {
background-color: #3B62D7;
height: 400px;
width: 15%;
border: 2px solid black;
}
#right {
background-color: #3B62D7;
height: 400px;
width: 15%;
border: 2px solid black;
float: right;
}

Vielen Dank für eure Hilfe,

MFG

Ashtray