CSSのbackground-imageが表示されません

質問

CSSのbackground-imageが表示されません

恐れ入ります。現在CSSを勉強しつつサイトを作成しているのですが

2カラムの枠組みにて
containerボックスの中にsidewrapとmainwrapを配置し、
サイトを表示してみるとcontainerボックス中にて設定をしたbackground-imageが表示されません。

確認は以下のブラウザにて確認してみました。
○background-image表示されない
　・firefox(最新ver)
　・IE8

○background-imageが表示される
　・IE6

いろいろ試してみた所mainwrap中のfloat: rightをコメントアウトしたら
IE8等でもbackground-imageが表示されるみたいなのですが・・・

解決法などご存知の方がいらっしゃいましたらお教えいただけませんでしょうか。

CSSの設定は以下のようになってます。
#header{
width:800px;
background-color:#ffffff;
}
#container{
width:800px;
background-image: url(img/back.jpg);
background-repeat: repeat-y;
}
#sidewrap {
width: 190px;
float: left;
margin: 0px auto;
text-align: left;
}
#mainwrap {
width: 600px;
float: right;
text-align: left;
}
#footer{
clear:both;
width:800px;
text-align: center;
border-top: 3px solid;
border-bottom: 1px solid;
}

以上
よろしくお願いします。

回答No.1

nekomikekamo · ベストアンサー

overflow:hidden;を追加してみる。
[css]
#container{
width:800px;
background-image: url(img/back.jpg);
background-repeat: repeat-y;
overflow:hidden;
}

お礼

表示されました！！
ありがとうございます^^