A
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
B
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
C
clear: both を指定したボックスの上方 margin は、先行するフロートしたボックスの下方に位置するために使われます。 このため、 clear したボックスには margin-top を指定しないようにしてください。
この例では、 div#box-C { margin-top: 5px; }
と指定しています。
IE 6 ではウィンドウサイズを変えるたびに、 div#box-C の背景色が div#box-B の下に食い込むように重なったり重ならなかったりするはずです。