bodyに背景色をつけていて、mainの入れ物なんかに白を一面に敷きたい！
何てことがよくあります。しかし、floatでleftやrightに振っていると
mainの背景が下まで続かなく、何でだ？という時はmainの中にclear: both;
をさせるmain-bottomをmainの幅で、floatした要素の下にもってきて、
mainの背景色を下まで続けたりします。footerとして扱ってもいいですよね。
main-bottomに、clear: both;
<div id=”main”>
<div id=”left”>
</div>
<div id=”right”>
</div>
<div id=”main-bottom”>
</div>
</div>
しかし、IE6ではこれでもアレ？ってことがあってclear: both;と同時に
幅の指定もしっかりするとIE6でも正常に機能します。
floatする時は、幅指定をしましょう！というのは通説ですが、
clearする時にも幅指定をしっかりしましょう！ということに
なるでしょうか。