bei float funzt background definition nicht

[konsument]

hallo zusammen,

Habe folgendes Problem: und zwar habe ich folgende div-Aufteilung

<div id="all">
 <div id="header"></div>
 <div id="main">
  <div id="menu">
   <div id="mainmenu"></div>
   <div id="submenu"></div>
  </div>
  <div id="content">
   <div id="cont"></div>
  </div>
 </div>
 <div id="bottom"></div>
</div>

div#main hat ein background-image, was y-wiederholt werden soll, wenn sich in div "cont" der inhalt mehrt. div#menu und div#content werden beide left-gefloatet - allerdings wird da im #main das Hintergrundbild nicht angezeigt. Wenn ich das float rausnehme dann gehts. Wieso ist das so? Kann mir da mal bitte einer mit helfen, das ganze bremst mich schon seit mehreren Stunden aus.

Viele Grüße