jQuery的下拉菜单 - 图像

Question

的CSS悬停重叠，我有以下的jquery下拉菜单：

http://kwedsd.byethost7.com/2.html

当鼠标悬停在一个绿色的横条发生任何顶级链接（悬停状态），如果你仔细看看绿色单杠重叠边界购买约2像素请任何人都可以告诉我如何改变CSS来停止这种重叠发生。

为了便于查看，我还包括一张图片。 （红色正方形表示重叠）预先

感谢。

Answer 1

设置以下解决它，我：

.ddsmoothmenu ul li a { 
    margin-right:2px; 
} 

Answer 2

其实，这不是一个边框，但是<li>元素的背景图像看上去像一个边界。因此，它实际上在<li>之内，因此可以由内部的<a>标签覆盖。由于<a>具有透明背景，因此直到添加悬停边框后才会显示该问题。尝试在<a>上设置背景色，您会看到它覆盖了<li>的整个背景图。

将padding-right: 2px添加到<li>，你应该很好，因为这样可以保护背景图像的“边界”位不被<a>覆盖。