Hi,

Im Beispiel hat der rechte übergeordnete Container einen roten Rand. Wenn man diesen entfernt (z.B. 1px auf 0px), tritt das Problem auf:
Die BOX1 hat den doppelten Abstand nach oben. Aus 10 Pixel werden 20 Pixel.

Scheinbar wird margin-top für den Inhalt von divleft verdoppelt, wenn divright keinen border hat.

Das dürfte mit adjoining margins zusammenhängen.

<div id="divright">  
  
<div class="box boxright">

Wenn du der zweiten Box ihr margin nimmst, dann tritt der Effekt nicht mehr auf.

Wenn sie margin-top hat - dann wird dieses zum margin-top der äußeren Box hinzugenommen, sofern diese keinen Rahmen hat (oder eine der anderen genannten Eigenschaften, die den Effekt unterbinden).

Dass sich das auf die linke obere Box auswirkt, hängt dann vermutlich schlicht mit der Ausrichtung in der „Zeile“ zusammen.

Die Tatsache, dass das im IE6 nicht passiert, sagt mir, dass ich etwas falsch machen muss.

Nein, die sagt dir nur, dass der IE 6 CSS 2.1 nur hundsmiserabel umgesetzt hat.

MfG ChrisB