CSS菜單懸停在WordPress的網站

Question

我有一個site我試圖解決懸停菜單，你可以看到不正確的懸停和翻轉的每個菜單的邊界。以及最後一個菜單「CONTACT」在盤旋時不適合整個空間，或者我們可以說它在盤旋時沒有翻轉滿的空間。

問題的圖片：

如何解決這個問題？

Answer 1

您好療法是新的CSS

#access { 
clear: both; 
display: block; 
float: left; 
margin: 0 auto 6px; 
width: 90%; 
margin-left: 40px; 
height: 55px; 
border-radius: 8px; 
} 

#access ul { 
font-size: 21px; 
list-style: none; 
margin: 0 0 0 -0.5em; 
padding-left: 0; 
border-radius: 8px; 
text-shadow: 1px 1px #000; 
padding: 0; 
height: 55px; 
display: block; 
width: 100%; 
margin: 0; 
background-image: url('background-image.png'); 
} 
#access li { 
float: left; 
position: relative; 
border-style: solid; 
width: 25% !important; 
background-image: url('border-left-image.png'); 
background-position: right; 
background-repeat: no-repeat; 
display: block; 
} 

的一部分。在http://aaron.wordpresstiger.com/wp-content/themes/custom_theme/style.css上線601是您的問題：寬度：24％（從你的CSS刪除此行）

#access li:last-of-type, li#menu-item-31{ 
    border-right: none !important; 
    width:24% !important; 
    background-image:none; 
} 

#access li:hover:last-of-type, li#menu-item-31{ 
    border-right: none !important; 
    width:24% !important; 
    background-image:none; 
} 

EDIT ：

加入您的css：

#menu-item-31 a { 
    width: 100%; 
}