Yerf!
Meiner Meinung nach wäre die Lösung ein Fussleisten-div gewesen innerhalb des main-divs mit den Eigenschaften: clear:both.
Aber das will einfach nicht klappen. Was soll ich machen? Ich habe die Fussleistenlösung trotzdem mal eingebaut.
Das Problem ist hier nicht das float, sondern die Höhe von 100% im zusammenspiel mit overflow:visible (ist default). Der Haupt-Div bleibt auf seinen 100%(vom Elternelement) und der zusätzliche Inhalt wird dann über seine Grenze hinausgeschrieben. Du solltest hier min-height einsetzen (für die IEs die das nicht können sollte es weiterhin, per CSS-Hack, ein height sein).
Gruß,
Harlequin
--
<!--[if IE]>This page is best viewed with a webbrowser. Get one today!<![endif]-->
<!--[if IE]>This page is best viewed with a webbrowser. Get one today!<![endif]-->