boxから画像がはみ出る（clearfix）

ボックス内の画像にfloatを指定した時、文章が短いと画像がボックスからはみ出てしまう。
その対処方法。一般的にclearfixといわれるもの。
zoomの箇所はIE7への対応。

.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{
display:inline-table;
zoom:1;
}
/*macIE\*/
*html .clearfix{height:1%;}
.clearfix{display:block;}
/*macIE*/