das übliche: Layout einer Website mit Float-Elementen vs IE7

[DeWitt]

Hallo SELFHTML-Gemeinde,

Ich habe leider bis dato die neuen Bugs des IE 7 nur wenig verfolgt, aber jetzt bin ich selbst davon betroffen:
Auf meiner Homepage verwende ich ein tabellen-freies Layout, in dem der Haupt-Inhalt (#main) um die Navigationsleiste (#navigation) fließen soll. Die beiden betroffenen Elemente werden wie folgt formattiert:

  
#navigation {  
    float:left; width:212px; margin:4px 5px 0 0; padding:0;  
 background:#CCF; text-align:left;  
    border-width:0 3px 3px 0;  
 border-style:solid;  
 border-color:#CC9 #FF9 #FF9 #CC9;  
}  
  
#main {  
    margin:4px 0 1em 0px; padding:0.2em 1em 1.5em 220px; min-height:400px; line-height:1.4em;  
 background: #669 url(images/design/bg_mitte.jpg) 0 0 no-repeat;  
 border-width:3px;  
 border-style:solid;  
 border-color:#CC9 #FF9 #FF9 #CC9;  
}  

(Auszug aus meiner layout.css-Datei )

Erfolgreich getestet hatte ich das ganze in Opera, Firefox und (bilde ich mir zumindest ein) IE 6. Nachdem ich die Seite nun seit längerem mal wieder bearbeitet habe, fiel mir eben auf, dass der IE 7 mal wieder alles falsch macht: Der #main-Container wird komplett neben der Navigation dargestellt, so dass der Text erst 220px neben der Navigation beginnt. Oder mache ich was falsch?

Ich befürchte zwar, hier ein ganz banales Problem anzusprechen, aber hoffe trotzdem auf den hilfreichen Fingerzeig ;).

Ciao,
David //aka DeWitt