父元素绝对定位 子元素在IE6 不能点击

      准确来说，不是完全不能点击，我这次遇到的情况是这样的

<ul class="beauty-select-list" style="position: absolute; top: auto; left: 0px; cursor: default; z-index: 1; width: 71px; display: none;">
<li index="0">不　限</li>
<li index="1">165</li>
</ul>

 

      这个结构是我用DIV模拟Select的其中一部分代码，这个UL里面的LI相当于select的option，在IE7，8和FF下，都正常，唯有在IE6下，当li里面的文字内容不能刚好占满一行时，就必须去点击文字，才可以选中这个选项，但实际上click事件是绑在li上的。解决方法如下

<ul class="beauty-select-list" style="position: absolute; top: auto; left: 0px; cursor: default; z-index: 1; width: 71px; display: none;">
<li class="" style="position: relative;" index="0">不　限</li>
<li class="hover" style="position: relative;" index="1">165</li>
</ul>

 

      解决方法就是给每个li，也就是父元素下的每个子元素都加上position: relative;这个样式就可以了。