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

Question

我有以下布局：

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

在ie7（兼容性视图模式下的或 ie8）中，只要我将鼠标悬停在其中一个菜单项上，浏览器就会获得一个远离右侧的水平滚动条。当鼠标悬停在其中一个菜单项上时，所有发生的事情是，菜单项的高度增加2个像素，并且它的上边距变为-2px，这就是为什么它会如此奇怪以至于会导致看似无关的滚动条出现。< / p>

我曾经在ul，li和标签周围放置彩色边框，看看有什么东西出乎意料地大，但仍然没有发现任何异常。关于为什么会发生这种情况的任何想法？

请注意，此链接适用于有益于乳腺癌的节日，并且 适合工作

Answer 1

无法弄清楚为什么会这样，但我可以告诉你，如果你将#main #header ul li a元素设置为display:inline-block而不是display:block，它可以正常工作。最初认为它可能是归因于IE Negative Margin Bug的一个问题，但这不应该影响IE8，虽然它可能是由于IE8的兼容模式引擎...谁知道，它的IE，它的结果是什么，并且左边是对这个浏览器。