абсолютное позиционирование в элементах относительного элемента списка в 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. Я не знаю, почему это работает.