div에서 CSS 의사 선택기가 작동하지 않습니다.

Question

내 페이지 옆에 고정 메뉴를 만들려고합니다. 그러나 부분적으로 숨기고 호버에서만 확장하고 싶습니다. 나는 css 및 pseudo 선택자를 사용하여이 작업을 시도했지만 작동하지 않습니다.

HTML :

<div id="sideMenu"> 
    <ul> 
     <li>Wide Screen</li> <!--turn sidebar on/off--> 
     <li>Random Border</li> <!--randomize vidcontain border--> 
     <li>Control Bar</li> 
    </ul> 
</div> 

CSS : 사업부에

#sideMenu{ 
    position: fixed; 
    left: -95px; 
    top: 250px; 
    height:100px; 
    width:100px; 
    background-color: #D4D048; 
    z-index:-1; 
    display:block; 
} 
#sideMenu:hover{ 
    left: 0px; 
} 

Answer 1

Z-인덱스가 떴다되고 있던 및 가져에 관련된 그러므로 규칙이 적용되지 않은 인식하지 사업부를 방지. Z- 색인 위치를 늘리면이 문제가 해결됩니다.