firefoxでcssを使った時背景画像が表示されない

質問

CSSでfloatを設定し、その中のそれぞれに背景画像を表示しようとすると、上手くいきません。
背景画像も背景色も表示されません。
構文に間違いがあるのでしょうか？
それともそのような仕様なのでしょうか？

よろしくお願いいたします。

###CSS###
#container {
width: 900px;
background-image: url(images/back.jpg);
background-repeat: no-repeat;
}
#header {
width: 900px;
}
#contents {
width: 748px;
background-color: #FFFFFF;
background-image: url(images/image.jpg);
background-repeat: no-repeat;
background-position: top;
padding: 0px;
margin-left: 76px;
}
#footer {
clear: both;
width: 748px;
margin-left: 76px;
}
#sidebar {
float: left;
background-image: url(images/side.jpg);
width: 180px;
margin-top: 14px;
background-color: #FFFFFF;
}
#main {
float: right;
width: 568px;
padding: 0px;
background-color: #FFFFFF;
background-image: url(../images/image2.jpg);

回答No.3

8823880

CSSの内容については確認できていないのですが（すいません）、
私も同じ現象で悩んでおり、参考になるサイトを見つけましたのでURLをご連絡します。
このページの解説通りに修正していくと
背景画像は表示されるかと思います。

※CSSをパッと見て気づいたのですが、
#mainの終了に　}　が抜けています。

参考URL：

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

回答No.2

noname#20371

<div id="contents">
<div id="sidebar">ああああ</div>
<div id="main">いいいいいいいいい</div>
<br style="clear: both;">
</div><!-- end contents -->

回答No.1

amago001

url("images/side.jpg")