mrx: Float-Positionierung

Beitrag lesen

Hallo,
ich habe einen grünen, umgebenen div und zwei nebeneinander positionierte innerhalb (blau und rot). Das Problem ist, dass bei viel Inhalt der umgebenende div zu klein ist, also die sich innerhalb befindenden divs nicht umschließt.
Was kann ich dagegen tun?

Thomas

http://vfb-stuttgart.piranho.de/test.html

  
<?xml version="1.0" ?>  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<title>Beschreibung der Seite</title>  
</head>  
<body>  
  
  
<div style="background-color:green; width:800px; margin:0 auto;">  
  
<div style="float:left; background-color:red; margin-left:10px; width:570px;">  
Viel Inhalt  
</div>  
  
<div style="background-color:blue; margin-left:590px; margin-right:10px;">  
Viel Inhalt  
</div>  
  
</div>  
  
</body>  
</html>