Html can'；我不明白ie7的奇怪行为。滚动条在悬停时无故出现

我的布局如下：

在ie7（或兼容视图模式下的ie8）中，每当我将鼠标移到其中一个菜单项上时，浏览器就会获得一个水平滚动条，该滚动条会一直向右移动。当您将鼠标移到其中一个菜单项上时，菜单项的高度增加了2个像素，其上边距变为-2px，这就是为什么会出现一个看似无关的滚动条的原因

我曾经在ul、li和a标签周围贴上彩色边框，看看是否有东西变得出乎意料地大，但仍然没有发现任何异常。你知道为什么会这样吗

---

请注意，该链接适用于有益于乳腺癌的节日，适用于工作

无法理解为什么会发生这种情况，但我可以告诉您，如果您将

#main#header ul li a

元素设置为

显示：内联块

而不是

显示：块

，则效果良好。最初认为这可能是IE的问题，但这不应该影响IE8，尽管这可能是由于IE8的兼容模式引擎…谁知道呢，它的IE，它的上下是什么，左边是这个浏览器的右边