CSS backgroundが反映されない件
CSSレイアウトで問題にぶつかってしまいました。
http://www.vivibond.com/demo/test/test.html
上記URLをFirFoxで見ると#contentsに書いた
「background: url(images/bg2.gif) repeat-y;」が反映されません。
いったい何故でしょうか。。。
CSSはこんな感じです。
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
body {
background: #FFFFFF;
margin: 0px;
padding: 0px;
font: 12px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
}
/*font*/
.pink {color:#F26E71;}
/*ページ全体ラッパー*/
#wapper {
margin: 0px;
padding: 0px;
width: 850px;
}
#wapper1 {
margin: 0px;
padding: 0px;
width: 850px;
background: url(images/bg.jpg) repeat-y;
}
/*コンテンツ*/
#contents {
margin: 0px;
padding: 0px;
width: 800px;
height: auto;
clear: both;
background: url(images/bg2.gif) repeat-y;
}
/*ナビ*/
#navi {
background: #F3EDEE url(images/b_bg.jpg) no-repeat;
padding: 44px 44px 150px 42px;
width: 160px;
float: left;
}
.navibox1{
height: 52px;
background: url(images/naviboxbg.gif) no-repeat bottom;
width: auto;
}
.navibox2{
height: 52px;
width: auto;
}
#main {
margin: 0px;
padding: 0px;
float: right;
width: 554px;
}
.image {
margin: 0px;
padding: 20px 34px 20px 20px;
}
.topics {
margin: 0px 34px 0px 20px;
padding: 0px;
}
.about_text {
margin: 0px 30px 0px 24px;
padding: 0px 5px 30px 10px;
line-height: 20px;
}
/*フッター*/
#footer {
margin: 0px;
background: url(images/footer.jpg) no-repeat;
text-align: justify;
clear: both;
padding: 30px 0px 30px 470px;
}
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
よろしくお願いいたします。
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/images/related_qa/c205_1_thumbnail_img_sm.png)
