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

 
ほげ
 
ほげほげ

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

 
ほげ
 
ほげほげ

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

参考

CSSでfloatを指定したボックスを含むボックスの背景が出なくなる件

http://www.fsiki.com/archive/css-doc/float.html