Css 背景图像在除Firefox以外的所有浏览器中的位置都错误

我的网站设计要求在页面顶部有一个背景图像。你可以在……中看到它应该是什么样子

不幸的是，我用Firefox来检查我的工作，同时把这些放在一起。我使用FireFox，因为它有Firebug。该网站在Firefox中看起来是正确的，但在Safari、Chrome和IE中是错误的。在Safari、Chrome和IE中，背景正文包装器背景图像位于菜单下方。上面的背景是错误的

---

背景图像是否有一个简单的修复方法，可以在所有浏览器中使用，还是我必须后退几步来修复标记中的一些基本问题？

导航上的边距正在塌陷（），因为其父级（

#wrapper

）没有顶部边距、填充或边框来容纳它。对于您的问题，一个快速而肮脏的修复方法是添加

padding top:1px添加到您的
#包装
CSS。
更改
导航
的
边距
属性，并将
填充
添加到
#包装
中，使其与背景图像的高度相等

#导航{
保证金：0自动；
}
#包装纸{
填充顶部：85px；
}
能否显示图像显示的标记（HTML、CSS等）？在不知道你做了什么的情况下很难帮助我们。你为什么给我们截图&而不仅仅是给我们链接？：对不起，我的错。。。这里是该网站的链接：感谢您的回复。显然，基于接下来的相关问题，以及缺乏答案，这是一个常见的问题，没有太多的一般性答案。当我得到答案时，我会把它挂起来。同时，感谢大家回答并编辑了我的问题。背景本身似乎不是问题。这是#wrapper div的位置。在Firefox中，顶部是0px，但在Chrome中是78px。还不知道是什么原因造成了这种差异。非常感谢。我真的很敬畏。我把这看作是一个答案，但为了学习如何钓鱼……对不起，我在打字时被切断了。1.你是怎么得出这个答案的？一百万年后我就不会发现了？2.这个页面的标记方式是否有问题导致了这个问题？我应该做些什么来标记这个问题吗？我不能对此投票。我相信你的问题的答案可以在答案中提供的链接中找到。@DanAllen如果不看你的代码，我很难说出你可能会如何改变这种情况（除了我建议的黑客攻击）。但我能够通过使用解决这个问题，这在很多方面与Firebug非常相似。