以前このblogの「floatさせたボックスが親ボックスからはみ出すのを回避する裏技の IE7 対策」で、IE7 で表示が崩れることの対策として、 min-height: 1%; を追加すれば解決するということを書きましたが、これより簡潔な手法が「Web Designing」誌に載っていました。

IE7登場までは .clearfix { display: inline-table; } とされていたところを、 .clearfix { display: inline-block; } と置き替えたらいいみたいです。
早速このサイトと、かットオーバーを目前に控えた現在制作中のサイトを書き替えました。もちろん、以前のエントリーで書いた方法でも問題ないですが、1行でもCSSをシンプルにしたいので。

ちなみに、セレクタの先頭に *:first-child+html と記述すると、IE7 だけにしか適用されなくなるそうです。φ(..)メモメモ