Blocklevel-Element mit Floating überdeckt Tabelle

[Julian von Mendel]

Hi,

ich habe hier einen Inhaltsbereich mit begrenzter Breite. Innerhalb dieses Inhaltsbereichs ist eine Tabelle die die gesamte Breite ausnutzt und ein Blocklevel-Element, welches ca. 25% der Gesamtpreite nutzt. Es ist mit der Eigenschaft float:right versehen, damit evtl. vorhandener Text außenrum fließt. In diesem Fall ist da kein Text, sondern eben die Tabelle, die die gesamte Breite ausnutzt. Jetzt habe ich das Problem, dass die Tabelle mein Blocklevel-Element überlagert. Ich hätte eigentlich erwartet, dass die Tabelle einfach erst am Ende des Blocklevel-Elements anfängt, d.h. nach unten verschoben ist, da sie ja die gesamte Breite benötigt, diese jedoch aufgrund der Einschränkung der Breite durch das gefloatete Element nicht nutzen kann. Aber nein, sie Tabelle und Blocklevel-Element überlagern sich. In Firefox 1.5 und Opera. In anderen Browsern liefs so wie gewünscht. Mache ich was falsch? Wie kann ich den Effekt beeinflussen?

Momentan sieht das also so aus:

+---------------+-----+
| Tabelle Tabell|eBox |
| Tabelle Tabell|eBox |
| Tabelle Tabell+-----+
| Tabelle Tabelle     |
| Tabelle Tabelle     |
| Tabelle Tabelle     |
+---------------------+

Und ich möchte es so:

+---------------+-----+
|               | Box |
|               | Box |
|               +-----+
| Tabelle Tabelle     |
| Tabelle Tabelle     |
| Tabelle Tabelle     |
| Tabelle Tabelle     |
+---------------------+

Schöne Grüße
Julian