Div Layout Problem

Hallo

Ich habe Probleme mit dem Layout.
Wenn ich das div links, das titel div und das main div mit einem eigenen div mit der width:760px umschliessen möchte, grenzt es die drei nur horizontal ein, vertikal allerdings nicht.

Das CSS:

.box1{
background:gainsboro;
padding:5px;
border:1px solid black;}

.box2{
background:silver;
float:left;padding:5px;
border:1px solid black;
width:170px;
margin:5px 0 0 0;}

.box3{
background:darkgray;
padding:5px;
margin:5px 0 0 190px;
border:1px solid black;}

Das HTML:

<div style="width:760px; ">
<div class="box1">Titel</div>

<div class="box2">	Link1<br />
					Link2<br />
					Link3<br />
					Link4<br />
					Link5<br />
</div>

<div class="box3">Main</div>
</div>
Footer

Ich hoffe ihr wisst was ich meine.

Grüsse

flenders

Nicht so ganz

Habe jetzt zwei Beispiele hochgeladen:

http://www.8ung.at/trunx/beispiel1.html
Hier fängt das footer div nicht wie gewünscht unter dem div links an, sondern unter dem div main.

http://www.8ung.at/trunx/beispiel2.html
Hier funktionierts wenn das main div höher als das div links ist.

Wieso umschliesst das äusserste (das div mit style="width:760px;") nicht alle anderen divs?
Wie kann ich machen dass auch div links (nicht nur das main div "miteinbezogen" wird?

Alles klar?

flenders

Einfach bei box1 noch ein clear:both; einfügen

Danke, funktioniert