cross-browser - IE8背景截断

Question

我有一个使用 div 在屏幕上显示背景图像的网站，我在 div 中没有任何内容，但我指定了一个高度。

我的代码如下:

<div id="nav">
    <!-- -->
</div>

我的 CSS 看起来像:

/* Navigation */
#nav {
    background: url("images/bgnav.png") repeat-x;
    height: 116px;
    position: relative;
    z-index: 1;
}

我不明白的是，在 Safari 和 FireFox 中，背景图像跨越了我的浏览器的宽度，但在 IE8 中，它在大约 1000px 后停止并且它不在另一个 div 中......它自己除了我发布的代码外，没有其他代码。如果我以像素为单位指定宽度，它会更长，但如果我没有指定宽度，或者如果宽度是像 100% 这样的百分比，它就不起作用。我还尝试将最小宽度设置为图像的宽度，但这也不起作用。

任何想法...这似乎只影响 IE8。我在多台运行 IE8 的机器上进行了测试，它们都有同样的问题，所以这里没有浏览器缓存。

谢谢，
乔希

Answer 1

我采纳了@Zaf Khan 的建议并重新设计了我的网站以适应较小的屏幕分辨率。我确实喜欢原始代码，但我很高兴我更改了它，因为我针对更多屏幕尺寸对其进行了优化:-)，尽管它看起来比以前有点不同，但它的功能要好得多!

谢谢，
乔希