[xhtml] div, p i margin

[endebe]

podczas tworzenia strony bez tabel natknełem sie na taki problem:

http://www.viknet.pl/endebe/test.html

chodzi o to że mozilla po dodaniu margin do znacznika p przesuwa całego diva. Pomaga dodanie do drugiego diva np

Kod: Zaznacz cały

 border-top:1px solid green

ale w projekcie który robie w tym miejscu niemoże być border.
drugim rozwiązaniem było by przed p dodanie diva o wysokości 1px ale jak na złość w IE ten div ma wysokość ok 10px.
Wiecie jak to poprawić??

[Gedi]

Kod: Zaznacz cały

<div style="background-color:#f00;height:20px;width:300px;"></div>
<div style="background-color:#0c0;height:20px;width:300px;"><p style="margin: 0; padding-top: 5px;">dddddddddd</p></div>