Firefoxで背景画像や色が表示されない時のcss

備忘録です。

最近シェアを急速に拡大しているFirefox。

私もメインのブラウザにしています。

さて サイトデザインをしていてcssで記述した背景(画像や色)がFIrefoxだと途切れたり表示されない事があります。

なにやらfloatでレイアウトするとこうなるらしいです。

今回はcontainer要素で書き出した背景が表示されてなかったので

下記の記述をcssに加えました。 これで解決。

div#container:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}