floats clearen. Dieses Thema füllt Bücher.
In aller Regel wird zu diesem Zweck so etwas wie
<br class="clearfix” /> ins Markup eingefügt, und die Klasse clearfix dann per CSS gestylt.

Noch einen Tick eleganter hat das Dan Cederholm gelöst. Es geht auch ohne jegliches zusätzliche Markup, allein mit CSS:

#content:after {
   visibility:hidden;
   display:block;
   clear:both;
   height: 0;
   font-size:0;
   content: " ";
}
* html #content {
   height:1%;
}
*:first-child+html #content {
   height:1%;
}

Nachzulesen im Aloe Studios Blog