Javascript 更改<；李>；看起来很有趣

我有一个李元素。如果li元素是单行，则在悬停时背景颜色看起来不错，但当li元素包含多行文本时，背景颜色看起来有些不好。 请参阅附带的屏幕截图

  #leftNavi li a.current{
color: white;
background: #AD0E3F; 
text-decoration: none;
  }

  #leftNavi li a:hover{
color: white;
background: #AD0E3F;
  }

---

您需要使用另一个节点来包装

LI

的内容，并将

悬停在
LI
上，而不是
A
上。并使LI浮动以避免其全宽

<li>
  <div>
    <a class="current" href="#"></a>
  </div>
</li>



简单伴侣只需添加：

#leftNavi li a{display:block;}

参见示例：
您可以发布代码吗？你的css
行高设置好了吗？如果你可以发布代码或演示，那通常会更好-不是每个人都有权限查看托管屏幕截图。尝试为你修改它。看起来很好，你的css里肯定还有别的东西+1'ed for：将鼠标悬停在li上，这就是我要发布的内容，但出于好奇，您将li的内容包装在节点中是什么意思，或者更确切地说，为什么？我可能误解了你回答中的一个细节。@stefgosselin HAHAHA，我对IE6中的工作很不满意，因为我必须在我的工作中。忽略这是从以前的回答中得出的。。。我会更新fiddle可以在“a”上对li元素做些什么吗？因为我有另一个a，并且它也会随之改变。使用ID和类只将CSS添加到你想要的
中。