CSS：滚动时背景图像不填充

Question

新手上路，请多包涵

在一个一次性加载的非常小的站点上工作，因此有一个 div 包含所有背景图像，并且在此之上（即 更高的 z-index ）有一个内容 div 包含所有内容。我可以根据选择的内容轻松切换背景。

不幸的是，我注意到如果您在一个小窗口中启动以显示滚动条， 如果您滚动页面的“显示”部分中没有背景图像。 :-(

页面结构：

 <body>
<div id="bg">
    <div class="bgone"></div>
    <div class="bgtwo"></div>
</div>

<div id="container">
<!-- content panels here -->
</div>
</body>

CSS：

 #bg
{
    margin: 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    width:100%;
    height: 1024px;
    z-index:1;
}
.bgone
{
    margin: 0px;
    position: absolute;
    width:100%;
    height: 1024px;
    background-image:url(../images/one.jpg);
    background-position:top;
    background-repeat:repeat-x;
    z-index:2;
}
.bgtwo
{
    margin: 0px;
    position: absolute;
    width:100%;
    height: 1024px;
    background-image:url(../images/two.jpg);
    background-position:top;
    background-repeat:repeat-x;
    z-index:3;
}
#container
{
    position:relative;
    width:900px;
    padding:0px;
    margin:0px auto;
    height:600px;
    z-index:10;
}