wenn float:left margin-left abstand passt nicht mehr im ie

[asymmetrie]

Hallo,

ich bin neu und weiß deshalb nicht ob es im richtigen Forum landet.
Den Fehler habe ich auch nirgendwo anders gefunden.

Also:
Ich hab ne Page mit Header, Footer und sagen wir jetzt mal nen Content.
Eigentlich will ich unter dem header ne navileiste haben und rechts daneben den content, aber für den fehler erstmal egal.
Sowohl der Header, der footer als auch die Links sollen von der page links nen abstand von 10 px haben.
Was auch bei Versuch 1 der fall ist, siehe unten link.
Wenn ich jetzt aber der links <div> float:left gebe, erhöht sich der abstand aufeinmal, das kann ich nicht nachvollziehen.
das ist nur im IE der fall, im firefox ist alles richtig dargestellt.
Dies kann man in Versuch zwei sehen, siehe unten link.
Das float left benötige ich, um den content rechts daneben plazieren zu können.

Versuch 1
Versuch 2

Wie schaff ich das jetzt, dass der margin-left den richtigen abstand ausgibt, und alle elemente vernünfitg ausgerichtet sind?

Vielleicht sollte ich noch hinzufügen, dass es nur bei IE6 auftritt!
Hier nochmal images damit man es sehen kann =)

Richtig bei Versuch 1
Falsch bei Versuch 2

[Laus]

Sorry das ich jetzt erst Antworte wurde irgendwie übersehen.
Benutze einen -->Doctype<-- der den IE in den almost oder den full Standard mode versetzt.
Setze am Anfang deines css alle werte auf 0

Code: Alles auswählen

*{ margin : 0; padding:0;}

und verwende zum festlegen des Abstandes nicht das body Tag sondern in deinem Fall den #container
Zum Zentrieren im FF gib dem #container ein margin: 40px auto 0px auto;
Hoffe ich konnte dir ein wenig helfen.

Gruß Xaver