このパディングの問題に対するCSSの解決策は何ですか？

-1

enter image description here このパディングの問題に対するCSSの解決策は何ですか？

<div id="action-nav"> 
    <ul> 
     <li><a href="#" class="selected">selected</a></li> 
     <li><a href="#">selected</a></li> 
    </ul> 
</div>

とスタイル：

#action-nav 
{ 
    text-align:center; 


} 

#action-nav ul li 
{ 

    height: 48px; 
    width: 112px; 
    list-style:none; 
    float: left; 
    margin-right:20px; 

} 

#action-nav ul li a 
{ 
    text-decoration:none; 
    padding-top :15px; 
    height: 48px; 
    width: 112px; 
    display: block; 
} 

#action-nav ul li:hover a 
{ 
    color:#fff; 

} 

#action-nav ul li:hover, #action-nav ul li a.selected 
{ 

    background-image: url('../Images/link_red_bg.jpg'); 
    color:#fff; 


}

a.selectedクラスが問題です。隣接するli：hoverスタイルのように見えるはずです。私は何を取りこぼしたか？

出典

2011-08-12 FiveTools

私たちのためにhttp://jsfiddle.netに何かを置くことができますか？ – BoltClock

彼らは私と同じように見えます。違いは何ですか？ – Einacio

あなたは何をしようとしていますか？コードを使って何をしようとしているのか説明していないコードを与えているだけです。より具体的な...とjsfiddleは常に役立ちます！ありがとう！ – Hristo