display: inline;を指定しよう
Floatプロパティで指定した値と同じ方向にmarginプロパティを指定すると、フロートボックスの左右マージンがIE6で指定した値の倍になってしまうバグがある。回避策として「display: inline;」を記述すれば解決できる。この指定におけるIE6以外の問題は特に発生しないため、バグに遭遇してしまった場合の解決策として有効です。また、デザインによっては不可能な場合もありますが、別の方法としてmarginプロパティを使わずにpaddingプロパティを指定することでも解決できます。
「display: nline」の指定がないと、2倍程度マージンが空く
#main {
float: left;
width: 470px;
margin-top: 10px;
display: inline; /*IE6対策*/
}
#sub {
float: left;
width:260px;
margin-top:10px;
}