[Xaven]

[sanna]

[Xaven]

Ich habe das Gefühl es liegt nicht am Box Model Fehler.

Mein Style sieht jetzt so aus:
.box {
width: 190px;
padding: 15px;
background: #ffffff;
float: left;
margin: 20px;
color: #000000;
}

Ich habe also ein paar margins rausgenommen. Nun zeigt der IE die Seite absolut fehlerfrei an. Links und rechts neben div1 div2 und div3 ist jetzt ein 40pixel breiter Rand. Warum dieser auch bei div1 und div2 40px beträgt ist mir jedoch schleierhaft.

Wie gesagt: Warum auch immer funzt es im IE nun.

Im Mozilla / Firefox habe ich nun bei div1 links 10px abstand zum rand und bei div3 60px. bei div2 stimmt wieder alles.

Ich dreh durch!

[sanna]

Immer mit der Ruhe.
Das mit dem doppelten margin ist ein bekannter IE-Bug. Tritt generell auf, wenn man einem floating div einen Außenabstand gibt. Setz dein box-div einfach auf display: inline, dann sollte sich der IE wie die Geckos benehmen.

btw: Du hast immernoch mehrfach ids in deinem Quelltext (navlist). Änder das nochmal in Klassen, dann ist deine Seite auch valide

Gruß
sanna

[Xaven]