こんな感じでHTMLを書いたらFirefoxで背景がうまく表示されなかったので調べてみた。

何でそうなるかは下の「参考」のリンク先でわかったのだけれども対策がめんどくさい。なのでこうする事にしました。

マナーはあんまりよくないですね。書きやすさ優先です。

参考

CSSでfloatを指定したボックスを含むボックスの背景が出なくなる件
http://www.fsiki.com/archive/css-doc/float.html