Html 右对齐的背景图像不符合正文最小宽度

我创建了一个带有右手列的布局，并添加了一个人造列背景，以填充整个浏览器视口的高度。body标记的最小宽度已定义为1024px，但尽管将浏览器的大小调整为小于该值将防止整体布局进一步缩小，但背景仍会跟随浏览器的视口。我怎样才能防止这种情况发生

不正确：

正确：

css:

---

提前谢谢。

显然，我有一个id为page的div，它位于divpage容器中，它继承了背景。我所要做的就是在divpage中将背景设置为“无”，一切都很好。

这通常发生在人造列上。您可以做的是插入和位置：绝对相对于容器，而不是使用背景图像。是否有方法为图像设置重复y？

    body {
    color:#1a1a1a;
    background:#fafafa;
    font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
    min-width: 1024px;
    }
    div#page-container {
    min-height: 100%; 
    height: auto !important; 
    height: 100%; 
    margin: 0 auto -42px;
    }
    .sidebar-right {
    background: url(/bundles/backomaticcp/img/sidebar-bg-r.gif) repeat-y right; 
    }