css - 100% 宽度的 div 在 IE 中无法正确显示

Question

嗯，我想，我有一个不寻常的问题。好吧，我有一个带有绝对位置起始 div 的网页。

.head_warp
{
 width:100%;
 display:block;
 height:238px;
 margin:0 auto;
 padding:0;
 position:absolute;
 text-align:center;
 background-image:url(images/demo6_fon.png);
 background-position:center;
 background-position:top;
 background-repeat:repeat-x;
 z-index:-9999;
}

然后我有一个容器

#container_out
{
 width:1024px;
 margin:0 auto;
}

HTML 是这样的:

<div class="head_warp"></div>
<div id="container_out"></div>

这个想法是将“容器”中的内容显示在“head_warp”上，并且在我测试过的任何浏览器中都可以。 Chrome、FF、Safari 甚至 IE8 和 IE7。但是我的同事使用的是 IE8 和 windows VISTA，看看结果如何 alt text http://www.pechat.mdkbg.com/problem.jpg

问题是什么？

Answer 1

@Puaka 我认为所有浏览器在指定百分比宽度时都是相对于父容器的。在这种情况下，它应该是相对于 body 的。

您的 DOCTYPE 是否正确？

如果您绝对定位一个元素，您应该指定顶部/左侧位置，而您似乎没有这样做。此外，您指定 margin:0 auto; 暗示可能有左边距/右边距。我原以为这应该只是 margin:0;?