Hallo wahsaga,
Dank der Mühe.
Der IE interpretiert Höhe und Breite aller spans, und macht scheints die Zeilenhöhe entsrechend dem höchsten span, als stehe alle auf einer Höhe, Nr. 4 reicht bis an den Browserrand.
Was der IE macht, ist wenig aussagekräftig.
(ich wenn ich mir den Effekt an Hand deiner Beschreibung gerade nur so in etwa vorstellen kann.)
Darunter das span mit dem Float. Warum darunter?
http://www.w3.org/TR/CSS21/visuren.html#float-position, Punkt 8.
left-floating box as high as possible meint, dass kein inline-Element davor stehen darf?
Jetzt nehm ich das erste Span wech.
Dann kommt im FF linksoben das 2. span, und rechts gefloatet Nr. 3 und 4, an der Decke klebend. Jetzt doch gefloatet.
Nee, 3 und 4 sind nicht gefloatet, sondern fließen um #2 herum.
Jap, das meinte ich: span-2
Mach ich jetzt für alle spans display:block kommt im FF was ganz grausliges. Das span Nr.3 hängt im span Nr. 2. also der Rahmen. Darunter span 4 (logisch, ist ja diplay:block) darin aber der text aus span nr. 3??? Warum floatet Nr. 3 nicht um das Nr.2? Und warum flutscht der Text raus?
Hier komm ich jetzt mental ohne konkrete Beispielseite gar nicht mehr mit, sorry.
Dank Frankx