2 divs nebeneinander mit float

[Auge]

Hallo

1 div oben links und ein 2tes div das sich, wenn das browserfenster breit genug ist, rechts neben dem ersten div plaziert und sonst halt unten dran.
Auf dem IE6 geht das, aber im ff1.5 werden beide divs übereinander geschoben. Ich hab im netzt gesucht, und einfach mein Fehler nicht gefunden.

Solange das zweite <div> (#Ebene2) nicht auch floatet, muss sein margin die Breite des ersten <div>s berücksichtigen. (Breite(#Ebene1)(+ etwaiger Abstand)=margin-left(#Ebene2)). Allerdings wird der Inhalt von #Ebene2, wenn er unterhalb von #Ebene1 dargestellt wird, dann trotzdem mit dem dann zu breiten margin-left versehen.

Besser ist es also, auch #Ebene2 zu floaten.

#Ebene1 { height: 100px; width: 100px; float: left; margin: 1px; padding: 1px; border: solid 1px #711717; }
#Ebene2 { height: 100px; width: 100px; margin: 1px; padding: 1px; border: dashed 3px #ff2020; }

Tschö, Auge