html - IE Whitespace 像 bug 但不是 whitespace bug

Question

我在这里设置了一个 CSS 菜单:

http://pans.saebermedia.com/

问题是，我注意到 IE 无法正确显示菜单，现在我又开始使用装有 IE8 的计算机来修复它。我正在使用兼容模式。

我注意到两个问题。在子菜单上(说“资源中心”)，每个元素之间都有额外的间距，当您的光标经过它时，它会关闭菜单。这听起来像是 IE 空白错误，但我使用 PHP 去除了空白。如果我使用 float:left;clear:left;它会导致菜单在 Firefox 和 IE 中的长度不等。

有人知道这是怎么回事吗？

Answer 1

我只在 IE 7 上测试了我的解决方案。

在元素中:

li.menu-item

你必须改变

display:block;

到

display:inline;