clearFixを使わないでfloatのclear問題を解決したい

CSS

【目的】
clearFixを使わないでfloatのclear問題を解決したい。
その場合にハックなどのバットノウハウは用いない。


【参考サイト】
Hato-Style - Note - clearfix をダイエットさせたいのですが
http://hato-style.chu.jp/note/note_20070614.html

スタイルシートをめぐる冒険: clearfixの決定版を作る −モダンブラウザ編−
http://norisfactory.com/stylesheetlab/000038.php
CASE 11
.clearfix:after { content: url(pixel.gif); display: block; clear: both; height: 0; }

clearfixハックは本当に必要なのか - MID [Serendipity Weblog]
http://blog.till-daylight.org/archives/167-clearfix.html
floatを内包する親ブロックにwidthとoverflow:autoを指定する。

Lucky bag::blog: float の問題を overflow で解決
http://www.lucky-bag.com/archives/2005/03/float_overflow.html


【メモ】
clearFixを使わない代替案（overflow:auto;）は以下のブラウザで不具合報告有り。

MacIE,WinIE5,WinIE6,NS7.1

・MacIEは代替案による不具合は発生しなかったが、JavaScriptが動作しない。
・WinIE5は未確認。
・WinIE6でのホイールをクリックしてのスクロールできない報告があるが確認で
きなかった。
・NS7.1では指定したボックスに縦横のスクロールバーが表示される場合がある。


【まとめ】
ブラウザシェア0.5%のNS7.1を切り捨てるかが問題となると思う。
切り捨てるといっても情報閲覧に問題はない。