css：ul li ul li高度

我想像所有其他菜單一樣設置遊戲菜單的高度，但它不起作用。哪裏不對？css：ul li ul li高度

這是我的代碼：

<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; 
}

這是結果：

enter image description here