Html 具有图形背景图像的内容的中心div，从远容器边缘延伸到屏幕的左边缘？

我有一个以页面为中心的内容分区：

<div id="container>
</div>

#container {
margin: 0 auto;
width: 960px
}

---

如果我没弄错，解决方案要求你将渐变背景图像磨砂，并将其水平居中于适当的元素（无论是容器还是其直接的父元素）。对
容器的
填充
值进行调查也可能会产生一些好的结果。
我想你的意思是

要在窗口的总高度上延伸左侧颜色，请将
绝对值
替换为
固定值

但将背景图像设置为3000像素宽（只有中间960像素包含渐变）并将其附加到背景上要容易得多，如下所示：

body {
    background: url('/images/gradient3000x1.png') repeat-y center;
}

这样，您就不必担心内容的高度。
问题是我希望容器内容保持在中心位置：/