floatしたボックスが親ボックスからはみ出る

というときに便利な「clearfix」

最終決定版をみんな公開してるから自分も公開してみる。

.clearfix:after { 
  content: ".";   /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;}

.clearfix{
　zoom:1;}

IE用にはいろいろ方法があるけど

.clearfix{
　zoom:1;}

IE6とIE7はこれでOK

IE8についてはまだわかんね。

とりあえず、IEを言う通りにさせるzoomは魔法の言葉らしい。