無法弄清楚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瀏覽器，它的最新版本和剩下的就是這個瀏覽器。