IE6绝对定位子元素在相对定位的父级中使用填充

Question

我为此搜索了高低，但无法找到对此错误的引用或如何解决它。

在IE6中，如果在相对定位的父级中有一个绝对定位的子元素，并且在父级上有填充。当你设置左：0;和顶部：0;在绝对pos。宽度为100％的子项不会扩展以填充其父级的宽度，它的行为就像宽度减去父级填充一样。如果您在父级上定义宽度并不重要。

示例代码： -

<div class="outer">
  <div class="inner">
  </div>
</div>

.outer {
  background:blue; 
  position:relative; 
  padding:0 40px; 
  height:200px; 
}

.inner {
  background:red; 
  position:absolute; 
  top:40px; 
  left:0px; 
  height:50px;
  width: 100%;
}