Firefox stellt margin-top falsch darf

[wahsaga]

hi,

Im IE läufts korrekt.

Irrtum.

<div style="height: 200px; background-image:url(pic/header.jpg); background-repeat:no-repeat;">
  <p style="margin: 30px 0 0 0;"> Test 1234 Test</p>

Der Firefox zieht den ganzen Div auf diese 30px Position herunter...

Muss er ja auch - schliesslich ist genau dieses Verhalten in der CSS-Spezifikation definiert, Stichwort: Collapsing Margins.

Wenn ich die height angabe weglasse, dann funktioniert es prima, allerdings habe ich dann kein Background mehr bzw nursoviel, wie ich text habe

Natürlich, weil dann der Div ja nur noch so hoch wird, wie es sein Inhalt, der Absatz, verlangt.

Hoffe mir kann jemand helfen :)

Weg mit dem Div, padding-top und Hintergrundbild für P.

gruß,
wahsaga