Box Fehler IE vs FF

Hai leute

Ich habe mal ein simples Beispiel gemacht und darauf steiß ich auf folgenden Fehler

Wenn ich ein großes Div Element habe, darin ein 2tes Mittleres Div Element habe, und in dem wiederrum ein kleines 3tes Div Element habe, und dann im 3ten sage margin-top:30px; verschiebt sich aber auch das Mittlere Div, obwohl ich nur das kleine nach unten verschieben Verschieben möchte. Dies klappt einfach im firefox nicht wieso ? Im IE funktioniert das wiederum.

Hiereinmal der html code

[CODE]

Das link-Element für Stylesheets
huhu
[/CODE]

und hier einmal der css code:

#d1 { padding-left: 5px; position: absolute; top: 10px; height: 800px; width: 100%; background-color: #2d2d51; font-size:0.8em; color: White; } #d2 { background-color: Red; height:200px; width:100%; margin-top:20px; margin-left:20px; } #d3 { background-color: Green; height: 170px; width: 70px; padding-top:10px; padding-left:20px; margin-top:10px; margin-left:20px; }

sind 2verscheidende Datein

Würdet ihr mir vielleicht weiterhelfen