【CSS】IE6で空っぽのブロック要素の高さが0にならない場合の回避方法

もうIE6のことなんて考えたくないのですが、IEテスターでIE6の自由奔放な振る舞いを見ると修正せずにはいられません。

症状

IE6では中身が空っぽのブロック要素を作成しても謎の高さを生成します。

処方

当該ブロック要素にCSSで overflow:hidden; 若しくは font-size:0; を足してやります。

div.sample { overflow:hidden; }

div.sample { font-size:0; }