två kolumner och float

Hej,

Har alltid löst mina kolumner med hjälp av divar och float. Men idag vill det inte alls. Det jag försöker göra är att ha två divar i en annan div. Diven de ligger i har vit bakgrundsfärg och när text fylls ut i någon av de två spalterna ska bakgrunden följa med. Men det går inte på det sätt jag försöker då float gör att det ligger ovanpå.

<div id="content">
<div class="left">blubb</div>
<div class="right">blubb</div>
</div>

#content {
  background-color: #FFFFFF;
}

.left {
  width: 60%;
  float: left;
}

.right {
  width: 30%;
  float: right;
}

Finns säkert någon supersimpel lösning på detta men det står helt stilla just nu. :)

Så här kanske:

<div id="content">
<div class="left">blubb</div>
<div class="right">blubb</div>
<div style="clear:both"></div>
</div>

Tack! clear:both var det ju! Hur kunde jag missa, har ju använt den förr. :)