无法弄清楚ie7的奇怪行为。滚动条出现在悬停

Question

没有理由，我有以下布局：

https://dustinhendricks.com/breastfest/index.html

在IE7（或 IE8兼容性视图模式）时，我的鼠标在菜单中的项目之一，该浏览器了然于胸水平滚动条向右远。当您将鼠标悬停在某个菜单项上时，发生的所有情况是，菜单项的高度增加2个像素，并且其顶部边距变为-2px，这就是为什么这很奇怪，这会导致看起来不相关的滚动条出现。

我曾经在ul，li和a标签周围放置了彩色边框，以查看是否有意想不到的东西，但仍然没有发现任何不寻常的东西。任何想法为什么发生这种情况？

说明该链接是节日受益乳腺癌和是适合工作

Answer 1

想不通为什么它正在发生的事情，但我可以告诉你，如果你设置你的#main #header ul li a元素display:inline-block而不是display:block它工作正常。最初以为这可能是一个归因于IE的Negative Margin Bug的问题，但这不应该影响IE8，尽管它可能是由于IE8的兼容模式引擎......谁知道，它的IE浏览器，它的最新版本和剩下的就是这个浏览器。