jenskie: clear funktioniert nicht

Beitrag lesen

Hallo, ich habe ein 2-spaltiges Layout mit Kopfleiste. div-navigation und div-inhalt werden vom haupt-div umgeben. Der blaue border vom main-div soll immer durchgängig sein, also 100% Höhe. Das funkioniert auch soweit.
Div-navigation ist nach links gefloatet. Der Inhalts-bereich befindet sich rechts davon ist variabel in breite und höhe. Wenn das Browserfenster verkleinert wird, dann läuft der Text aus dem main-div raus und der blaue Balken wird nicht mehr 100% in der Höhe angezeigt.
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.

http://www.dance-fitness-sued.de/test/portrait.html