列表中的鏈接 - 獲得一致的a：懸停效果

Question

當我創建鏈接列表併爲這些鏈接提供a：懸停狀態時，我希望整個鏈接（包括項目符號點）在懸停時突出顯示。但是，因爲我的列表具有比As更寬的定義寬度，所以LI拿起：懸停並在As之前改變顏色。這看起來很凌亂！就像這樣：

http://jsfiddle.net/NgWLR/

明白我的意思嗎？它就像LI & LI是分開的實體，在不同的時間觸發。

如果我嘗試添加一個display：block到A樣式，我所得到的只是Firefox &中的奇怪顯示問題，在其他瀏覽器中略有改進，但它當然不能解決問題。

我可以改變的list-style-type爲無，把一個：我LIS子彈實體之前，像這樣：

http://jsfiddle.net/tScnS/2/

這似乎做工精細，在Safari & Firefox訪問至少，但作爲一種解決方案，它似乎有點粗糙/凌亂/不太可能在所有瀏覽器中都支持。

任何人都知道'防彈'（哈！）的方式來得到這個工作，或者我應該繼續前進，並以第二JSfiddle-list-style-none，bullet的形式實現：before？ 謝謝！

Answer 1

可以使用li:hover a而不是a:hover樣式的鏈接，e.g：http://jsfiddle.net/NgWLR/2/

PS：請刪除顯示的例子，當刪除無關的代碼。

Answer 2

按照我的理解，從您的<a>標記中刪除display:block標記。像這樣：

入住這http://jsfiddle.net/NgWLR/1/