Html LIs底部包含IE7上的表的额外空间

在IE7上（或在IE7模式下的更高版本的Internet Explorer上）查看以下代码：

哦，李
{
保证金：0；
填充：0；
列表样式：无；
}
锂
{
背景：黄色；
}
李表
{
背景：红色；
保证金：0；
填充：0；
边界：无；
}

测试


测试

在每个LI的底部添加一个空格。知道为什么吗？你怎样才能去掉多余的空间

---

注意：我尝试使用带有

display:list项的DIV来代替LI，我也可以用这种方式重现这个问题。
IE习惯于在不应该的时候呈现空白。更改以下实例：

    </table>
</li>




为此：

    </table></li>


根据Adrift的回答，在LI上设置
垂直对齐：底部
，然后
缩放：1
即可，而不会产生Adrift解决方案可能的副作用

事实上，我相信
zoom:1
可以替换为任何为LI提供布局的属性，请参见。
不幸的是，即使您编写“
test
test
”，它也不起作用。您是否尝试过删除空白？ie将从
到
的所有内容放在一行上。我知道这会把格式弄得一团糟，但值得一试——我记得旧IE在列表中会出现一些怪癖，它会在列表中呈现空白。是的，我尝试将OL中的所有内容都放在一行，没有空白。但是它没有改变任何事情。我发现了这个链接，它报告了相同的错误。然而，那里的原因是不同的。我使用开发者工具栏检查了我的LIs和OL的
hasLayout
属性，它们都设置为false（0）。啊，值得一试。你也可以尝试设置行高：100%到所有
li
元素。元素中是否有产生额外垂直间距的图像？
    </table></li>