Dina float divar behöver clearas innan diven med blåe bakgrund kommer... låter kryptiskt kanske...
Det finns olika sätt att lösa det hela på. Googla på
clearing floats eller nåt sånt så hittar du säkert nån bra artikel.
Ett sätt att lösa det är att lägga in ett extra element, typ diven som har det onödiga id:t: extraelement nedan...
Kod:
<div style="width:500px; background-color: red;">
<div style="width:250px; float: left;">Kolumn 1<br/>Lite text</div>
<div style="width:250px; float: left; overflow: hidden;">Kolumn 2</div>
<div id="extraelement" style="clear:both"></div>
</div>
<div style="width:500px; background-color: blue;">
Lite text här nere. Tralalla...
</div>
/Lycka till
H