列表中的链接 - 获得一致的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/