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>覆蓋。