Css 相对定位父对象中的相对定位子对象在IE7中消失

这是我的密码：

<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导致第一个跨距消失-这是我的问题。

如果必须使用位置相关，请将float更改为inline block。浮动也是其中的一个因素

---

嘿，梅德尔，谢谢你的回答。当我将其更改为内联块时，实际上我松开了浮点，li元素不会出现在一行中，而是出现在三行中。没有任何解决方案可以保持浮动并超越这个bug吗？@Gal V-inline block会给你同样的效果吗。确保您包括了我的

显示：inline

IE

条件。如果没有，请粘贴完整的代码。