css：ul li ul li height

Question

ゲームメニューの高さを他のすべてのメニューと同様に設定したいが、動作していません。なにが問題ですか？

これは私のコードです：

<ul class="menu"> 
    <li class="item-474 current active"><a href="/">News</a></li> 
    <li class="item-482 deeper parent"> 
     <span class="separator">Applications</span> 
     <ul> 
     <li class="item-483"><a href="games.html">Games</a></li> 
     </ul> 
    </li> 
    <li class="item-484"><span class="separator">Appearence</span></li> 
</ul> 

 

#left-menu ul.menu { 
    display: block; 
    list-style-type: none; 
    margin-left: -40px; 
} 

#left-menu ul.menu li { 
    display: block; 
    text-align: center; 
    background: url("img/menu1.png"); 
    width: 208px; 
    height: 31px; 
    text-align: center; 
    list-style-type: none; 
    padding: 0px; 
    margin: 0px; 
} 

#left-menu ul.menu li ul li { 
    display: block; 
    text-align: center; 
    background: url("img/menu2.png"); 
    width: 208px; 
    height: 31px; 
    text-align: center; 
    list-style-type: none; 
} 

これが結果です：

Answer 1

問題は、Liの高さを固定していることです。だから、第2レベルのリストを追加すると、それらのためのスペースはありません。

高さを最小高さに変更するとすべてが動作します。

例：http://jsfiddle.net/FJV8b/