フロート回り込み解除（最新）

/* フロート回り込み解除

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.clearfix {
  overflow:hidden;
  zoom:1;
}
.clear {
    clear: both;
}

■直接指定

#main .section {
	overflow: hidden;
	zoom: 1;
}
#main .section:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

参考サイト

CSS HappyLife

clearfixを使わないでやるには。

http://css-happylife.com/archives/2008/1109_2339.php