FireFox stellt DIVs mit DISPLAY:INLINE falsch dar.

[flashnfantasy]

Schaut euch mal diesen simplen Code-Schnipsel an:

<div style="border: 1pt solid green;">
<div style="border: 1pt solid red; width:120; display: inline; vertical-align: top;">a</div>
<div style="border: 1pt solid blue; width: 20pt; display: inline;">b<br>c</div>
</div>

Bei Opera und IE wird in einem grünen Rahmen ein
rotes umrandetes a
und ein blau umrandetes b über c dargestellt.
Beide stehen hintereinander und sind nach oben ausgerichtet

Das a hat zudem ein Feld von 120pt Länge.

Das macht Firefox nun daraus:

• es kürzt das Feld vom a auf die minimale Größe
• es bricht das b und c so um, daß das c unter dem a steht

Für jede Idee, wie man das für alle Browser einheitlich aussehen lassen könnte wäre ich dankbar...