css : ul li ul li height

Question

다른 모든 메뉴와 마찬가지로 게임 메뉴의 높이를 설정하고 싶지만 작동하지 않습니다. 뭐가 잘못 되었 니?

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

이

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

 

이 결과 :

Answer 1

문제는 리튬의 높이가 고정되어 있다는 것입니다

이 내 코드입니다. 따라서 두 번째 레벨 목록을 추가 할 때 공간이 없습니다.

높이를 최소 높이로 변경하면 모든 것이 작동합니다.

예 : http://jsfiddle.net/FJV8b/