IE中有两个浮子的li宽度不同，在FF中校正

Question

我已经解决了我的“熔岩灯”效应的大部分扭结，我试图创造。基本上，我想要两个花括号(都是图像)来包装一个列表项，然后继续到下一个列表项。我总是在FF中构建，然后为IE做例外。我不知道我需要破例什么！

我使用的是一个绝对定位的li，其中包含两个div。第一个div被左浮动，第二个div向右浮动。li的宽度被设置为它应该包装的li的宽度。因此，在文本的左边和右侧创建了大括号的效果。它在火狐中工作得很好，但是IE有两个问题：

1. 图像的底部被切断。有时动画结束时它们会重新出现，有时它们不会出现。我认为这与高度有关，但不管我把高度设置为什么，它都失败了！
2. 宽度完全错了。

下面是一个活生生的例子：http://jsbin.com/odome/2

IE中左边的位置总是比FF多5-7 7px，但这是一个很小的差别。我更关心的宽度和底部的图像被修剪。

一如既往，谢谢你的帮助！

Answer 1

1)您的ul#选择测试没有正确“清除”。

2)看起来好像你不想让你的李包起来，所以添加一个空白:现在

3)意见:我不知道用li#blob作为你灯中的熔岩是什么感觉。如果是我我会做这样的事

<div id="menu">
  <ul id="selection-test">
    <li>Menu Item One</li>
    <li>Menu Item Two</li>
    <li>Menu Item Three</li>
  </ul>
  <div id="lava">
    <div id="lava-left"></div>
    <div id="lava-right"></div>
  </div>
</div>

Answer 2

您应该使用CSS重置来使列表表现为跨浏览器。