为什么所有LI都以最大宽度消耗？

Question

编辑：JSFIDDLE：http://jsfiddle.net/mHWqX/

它的作用：

如何避免每个LI遵循相同的宽度/填充？我想在悬停中找到类似的东西：

||||||||||
|||||||||| Regular
||||||||||
||||||||||||||||||||
|||||||||||||||||||| Hover
||||||||||||||||||||
||||||||||
|||||||||| Regular
||||||||||
||||||||||
|||||||||| Regular
||||||||||
||||||||||
|||||||||| Regular
||||||||||

感谢

Answer 1

更新/工作版本：http://jsfiddle.net/mHWqX/2/

解决方案非常简单：在你的锚上设置你的风格而不是你的风格。这将导致所有lis仍然在宽度上增长，但由于样式位于a，因此只有＆＃39;有效＆＃39;锚会增长。