浏览器没有使用repeat-x正确填充背景

Question

标题菜单中的

我正在使用带有repeat-x属性的图像。它在全屏幕下工作得很好，但是在低分辨率下，即1024X768和800X600屏幕，它留下了一些余量。当水平滚动发生时，它会留下边距。即使水平滚动存在，我如何确保repeat-x属性应该覆盖滚动区域。这有什么css属性吗？

我正在使用的css是。

#header {
    height: 111px;
    background: url('../img/header-bg.jpg') repeat-x;
    width: 100%;
}

如果您想在jsfiddle中使用更多代码，请告诉我。谢谢。

我已经在http://iarmar.com/test/bn托管了我的网站，以防你想要测试。

Answer 1

将min-width: 1040px;设置为#header

Answer 2

正如我的评论（以及Jeffrey）所述，请#header使用min-width或使用100%。

Answer 3

请参阅www.viralment.com哦，它至少说30 尝试使用这些：

background-image: url("gradient_bg.png");
background-repeat: repeat-x;