相對定位的孩子在IE7

Question

消失這裏是我的代碼：

<ul style="list-style: none; position: relative;"> 
    <li style="float: left;"><span style="position: relative; left: 5px; ">one</span></li> 
    <li style="float: left;"><span>two</span></li> 
    <li style="float: left;"><span>three</span></li> 
</ul> 

所有li元素包含一個span，但第一個也是唯一不同的地方，這是相對定位。

所有瀏覽器都很好，但只有IE6 \ 7導致第一個跨度消失 - 這是我的問題。

Answer 1

如果您必須要求位置關係，請將float更改爲內嵌塊。浮球也是這方面的一個因素。

http://jsfiddle.net/zRYqh/5/