Tobias Klein: Float-Problem: Div bricht aus "Eltern-Div" aus

Beitrag lesen

Hallo!

Ich habe ein Problem mit der CSS-Formatierung einer Seite.

Der Aufbau ist folgendermaßen:

_______________________________________________________

<div id="content-bereich">

<!-- hier steht der obere content-bereich -->

<div id="content-unten">

<div id="content-unten-links">
      </div>

<table id="content-unten-rechts">
      </table>

</div>

</div>
________________________________________________________

"content-unten-links" ist folgendermaßen formatiert:
________________________________________________________

float:left;
width:18em;
padding-bottom:1em;
margin-right:1em;
border-bottom:2px solid black;
________________________________________________________

Mein Problem: http://tklein.net/problem.jpg (120 KB)

Auf dem Screenshot sieht man, dass ein schmaler Kasten, nämlich das linke untere content-div (id="content-unten-links") aus dem großen content-div herausragt. Das ist aber nicht so von mir gewollt. Warum skaliert das große rahmen-div nicht mit dem gefloateten Kindelement? Lässt sich das irgendwie vermeiden / weiß jemand, was ich falsch mache?

Gruß,
Tobias