スタイルシートをめぐる冒険: ひとつの要素にfloatとmarginを同時に設定すると位置がずれる

ある要素にfloatと横方向のmarginの指定を同時に行うと、marginで指定した位置よりも右または左にずれるというもの。 [該当するブラウザ] Windows／IE5.5、6.0 症状 Mac/IE5.1の場合 右のスクリーンショットを見てもらおう。左側に10ピクセルの余白をとってコンテンツA、その右にコンテンツB、というような2段組のレイアウトを組んだとする。スタイルシートでは、コンテンツAに float: left、margin-left: 10px と指定する。ちゃんと正しい位置に配置されているかわかるように背景画像に10ピクセル刻みで縦の罫線を入れてみた。ご覧のとおりMac（およびNetscape6.0以降）では位置のズレはない。 Windows/IE6.0の場合 しかし、Windows版のIE5.5、6.0ではコンテンツAの位置がずれ、余白は10ピクセルより広くなってしまう

[urawareds]

ie6.0

[KoshianX]

倍になるってこれかー。