0

横スクロール時に背景画像が映らない サイト作成での質問があります。
タイトルにあるように、横スクロール時に背景画像が映らなくて困っています。

・widhtが100％のdivに幅1600pxの背景画像を、top、centerで指定。
・その中にwidthが900pxのdivをmargin:0 auto でネスト。

その時に、ウインドウの幅900ない時は、横スクロールが出るんですが、横にスクロールすると、背景画像が映っていません。ウインドウのサイズを変えるときにはちゃんと背景画像が映るんですが、スクロールバーの操作だと背景画像が映りません。
ちゃんと背景画像が映るような設定がわかる方がいましたら、教えていただけませんでしょうか。

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

下記に、ソースを貼っておきます。

htmlーーーーーーーーーーーーーーーー

<div id="all01">
<div id="head">
<div class="headTitle">

</div>
</div>
</div>

cssーーーーーーーーーーーーーーーー
#all01{
overflow:visible;
height:400px;
background:url(../img/top_img01.jpg) top center no-repeat;
}

#head{
height:158px;
background:url(../img/headLine.png) repeat-x;
}

#head div.headTitle{
width:900px;
margin:0 auto;
}

※top_img01.jpgが幅1600pxの画像です。

質問者が選んだベストソリューション

Yahoo!知恵袋 5288日前