CSS大綱錯誤與塊顯示

Question

我想在html和CSS中製作一個組合框，其中每個項目都在一個單獨的行上，並且當您將鼠標懸停在Google上時，每行都會亮起藍色。這很簡單。我有一個帶有鏈接（a）的div，每個鏈接使用CSS中的display:block填充整個div。然後我給一個人徘徊了一下，並在那裏出現了一些奇怪的東西。

這是jsFiddle。

如果您將鼠標懸停在頂部鏈接上，但其他人似乎無法顯示輪廓，則可以看到它的工作情況...第二個顯示在底部，但其他人不在所有。

任何幫助，將不勝感激。

編輯：我在IE8是在Windows XP

Answer 1

http://www.w3schools.com/cssref/pr_outline.asp

「注：IE8只支持如果指定了DOCTYPE輪廓財產！」。

如果您在IE9中使用兼容模式測試此項，請確保您的文檔模式符合Internet Explorer 8標準，而不是Quirks。如果我將它切換到怪癖模式，輪廓消失。