CSSで親ボックスの背景画像を設定してもNN7.01で表示されない

質問

例えば、下記のように記述して「wrapper」ボックスで
「bodybg.gif」という画像を垂直方向に並べたいのですが、IE6ではうまく表示されますが、NN7.01だとヘッダー部分以外のボックスに背景画像が表示されません(><;)

/* html * /
<div id="wrapper">
<div id="header"></div>　/* ヘッダー　*/

<div id="pagebody">　/* pagebody内2カラム　*/
<div id="content"></div> /* 右寄せ　*/
<div id="leftside"></div>　/* 左寄せ　*/

</div>
</div>

/* css * /
#wrapper {
width: 600px;
margin-left: auto;
margin-right: auto;
margin:0px;
background: url(../img/bodybg.gif) repeat-y;
padding: 0px;
}

CSSで毎回つまづくところですが、どうにもこうにも対処方法が見つかりません(T_T)
どなたか力をかしていただけないでしょうか・・・

回答No.1

steel_gray · ベストアンサー

最後の</div>の手前に
<div style="clear:both;"></div>
を入れてみるとか。

参考URL：

http://allabout.co.jp/computer/hpcreate/closeup/CU20050401A/index2.htm

お礼

早速有難うございました！ｍ(_ _)ｍ
参考サイトを見て下記のように書き直してみて、
成功しました！有難うございました。

/* html * /
<div id="wrapper">
<div id="header"></div>　/* ヘッダー　*/

<div id="pagebody">　/* pagebody内2カラム　*/
<div id="content"></div> /* 右寄せ　*/
<div id="leftside"></div>　/* 左寄せ　*/
</div>
<div class="clear"></div>
</div>

/* css * /
#wrapper {
width: 600px;
margin-left: auto;
margin-right: auto;
margin:0px;
background: url(../img/bodybg.gif) repeat-y;
padding: 0px;
}
.clear {
clear: both;
}

しかし、wrapperで背景を貼り付けるのがレイアウト上まずくなったので、
background: url(../img/bodybg.gif) repeat-y;
の記述をwrapperからpagebodyに変えると、またNNでは背景が表示されない・・・ということになりました(--;)

NNのキャッシュをクリアしたりしたのですが、
どうもうまくいきません。こんなに苦労するならCSSなんてあっさりやめれば楽なんですが・・・