Parent DIV dehnt sich nicht aus

[Frank Hanisch]

Hallo,

kann mir vielleicht jemand verraten, warum im nachfolgenden Snippet der grüne Bereich des Parent DIVs nicht nach unten ausgedehnt wird?

Das sollte sich doch anhand der "Kinder" von der Höhe her mit ausdehnen oder nicht?

Danke,
Frank Hanisch

<style type="text/css">  
  
div.content  
  
{  
 margin:0px auto;  
 width:800px;  
 height:50px;  
 background:yellow  
}  
  
</style>

<div class="content">  
  
<div style="width:500px;background:red;clear:left;float:left">  
Test<br><br><br><br><br><br><br><br><br><br><br><br><br><br>  
</div>  
  
<div style="width:300px;background:green;float:left">  
Test  
</div>  
  
</div>