ie6中相对列表项元素内的绝对定位

Question

这让我发疯：

<ul>  
   <li style="position:relative;border:1px solid green">  
      <p>some content...</p>  
      <p>some content...</p>  
      <a style="position:absolute; left:0; top:0; width:100%; height:100%; background:red; display:block">a mask over whole list item</a>  
   </li>  
</ul>

我以各种形式遇到过这个问题（例如定位角图形、尝试在列表项上创建蒙版等）

无论我尝试什么，我都无法让 ie6 绝对定位列表项中的元素。另一个例子：

<ul>  
   <li style="position:relative;border:1px solid green">  
      <p>some content...</p>  
      <p>some content...</p>  
      <div style="position:absolute; left:0; top:0; width:20px; height:20px; background:red; display:block"></div>  
      <div style="position:absolute; right:0; top:0; width:20px; height:20px; background:green; display:block"></div>  
      <div style="position:absolute; left:0; bottom:0; width:20px; height:20px; background:blue; display:block"></div>  
      <div style="position:absolute; right:0; bottom:0; width:20px; height:20px; background:yellow; display:block"></div>  
   </li>  
</ul>

Answer 1

当我添加属性时它与 IE6 一起工作

zoom: 1; 

到 ul 元素。我不知道为什么会这样。