Float-Divs sprengen Design

[Felix]

Hallo Leute,

ich habe eine Frage zu float:

In einem Container-Div, der die Hintergrundfarbe definiert, liegen zwei Divs, die beide float: left ausgezeichnet sind.

<div id="container" style="width: 600px; background: #CCCCCC;">
<div id="links" style="float: left; width: 400px;">Text1</div>
<div id="rechts" style="float: left; width: 200px;">Text2</div>
</div>

Nun dachte ich mir, daß der Container-Div sich in der Höhe den Kind-Divs anpasst, aber das funktioniert nicht, die Hintergrundfarbe wird gar nicht dargestellt, weil der Container-Div keine Höhe hat.

Was kann man hier tun?