我的网站设计需要在页面顶部运行背景图片。您可以在this screenshot中看到它应该是什么样子。 Link to my site
不幸的是，我把Firefox用来检查我的工作。我使用过FireFox，因为它有Firebug。该网站在Firefox中看起来很正确，但在Safari，Chrome和IE中却出错了。在Safari，Chrome和IE中，背景主体包装器背景图像位于菜单下方。 Example screenshot顶部背景错误。
是否可以轻松修复背景图像，因此它可以在所有浏览器中使用，或者我必须向后退几步才能修复标记中的一些基本问题？
答案 0 :(得分：0)
#nav上的边距正在折叠（https://developer.mozilla.org/en-US/docs/Web/CSS/margin_collapsing），因为其父级（#wrapper）没有上边距，填充或边框来包含它。针对您的问题的快速解决方法是将padding-top: 1px;添加到您的#wrapper CSS。
答案 1 :(得分：0)
更改margin的{{1}}属性，并将#nav添加到padding，等于背景图片的高度。
#wrapper