しかし、floatって難儀だなあ・・・

これはfloatを指定している要素の親要素にwidthやbackgroundを指定する事で解消できる。
これを機にfloatを指定している要素とその親要素の関係をまとめてみた。
ちなみに XHTML1.0 Strict （XML宣言無し）での検証なので流用する際は DTD を確認の上使って下さい。（個人的には Strict が一番ハックを少なくして、効率的にコーディングできると考えている。時間がある時、まとめたいなー）

検証ページ

昔のエントリーで書いたfloatを指定したときの親要素の高さの問題と合わせてまとめました。
ただし、overflow: autoの指定についてはa要素とかテキストサイズの変更とかで意図しないスクロールバーが出たりするので注意してください。