Css 背景图像只显示一次

我有一个奇怪的问题，我无法集中注意力：

我有一个标题div，我想显示一个水平重复的背景图像：

HTML：

<div id="headerwrapper">

     <div id="header">
          <p>This is an extremely interesting test. This is an extremely interesting test. This is an extremely interesting test.</p>
     </div>

</div>

当我在浏览器中查看它时，我只能看到文本上方显示的背景图像的一个实例。但这并不是重复

---

你知道我做错了什么吗？

这是你在JSFIDLE上的例子，看起来很有效。

---

也许你有一些其他的CSS妨碍了你，或者你的背景图片有很多空白。请在JSFIDLE上发布您的示例。

也许您需要清除您的浏览器缓存

---

例如，这里有一个演示如何对Chrome执行此操作的示例。

您可能希望使用

repeat-y

而不是

repeat-x

#标题{
宽度：630px；
背景图片：url(http://dl.dropbox.com/u/4457768/css/headermiddleback.jpg);
背景重复：重复-y；
}

你能在jsfiddle.net上做一个真正的演示吗？看起来不错。。您是否有任何其他CSS可能会覆盖此内容？是-对于垂直重复，请使用

repeat-y

而不是

repeat-x

-

repeat-y

-并且您不需要

清除：两者都是
-稀疏性，您想要得到什么？您的示例对我来说很有用，您的JSFIDLE示例对我来说非常有用（使用Google Chrome）。我试着增加#标题的宽度，这样我就可以看到背景图像是否会重复，而且会重复。你用的是什么浏览器？奇怪的是，我在MacI上使用的是FF 12.0。我刚刚清空了缓存，但它仍然不工作。这可能与它在我的Mac上运行MAMP实例有关吗？MAMP应该与此无关。您确定要使用
repeat-x
而不是上面建议的
repeat-y
吗？请检查上面的内容。我认为这是一个将水平重复误认为垂直重复的例子。
* {
    margin:0;
    padding:0;
}

#headerwrapper {
    margin:0 auto;
    width:630px;    
}

#header {
    width:630px;
    background-image:url(../images/headermiddleback.jpg);
    background-repeat:repeat-x;
}