IE6だけレイアウトがくずれる

WindowsのIE6だけsidebarが横にならばずに下にいっちゃうので調べてみる。

9. 先にfloat: leftをしたボックスのmargin-leftや、先にfloat: rightをしたボックスのmargin-rightは指定しない（2004年12月9日書き換え）。 IE6ではまる。詳しくは、ADP: フロートとマージンを参照のこと。余白が必要な場合は、ボックスの中の要素にmarginかpaddingを指定する。

助かった。参考サイトのようにmargin-rightを指定しないようにするとIE6でもFireFoxなどと同じように表示されるようになった。今までHTMLのこういうTipsはあまり調べてこなかったけれど最低限は知っておく必要があるなぁ。