스켈레톤 페이지 CSS 하위 메뉴 ie7

Question

스켈레톤 프레임 워크를 기반으로 HTML 페이지를 만들고 하위 메뉴가있는 CSS 메뉴를 추가하려고했습니다. 메뉴가 정상적으로 작동하지만 IE7의 하위 메뉴에 문제가 있습니다. 하위 메뉴는 IE7 이하를 제외한 모든 곳에서 작동합니다. 게시 된 메뉴 항목 아래에 하위 메뉴가 나타나지 않지만 그 옆에는 메뉴 중간에 하위 메뉴가 나타납니다. 여기

은 '내 코드 S :

HTML :

<ul> 
       <li><a href="#">Home</a></li> 
       <li><a href="#">Education</a> 

        <ul>   
         <li><a href="#">Courses</a></li> 
         <li><a href="#">CV</a></li> 
        </ul> 


       </li> 
       <li><a href="#">Example</a></li> 
</ul> 

CSS 코드 : 어떤 도움을 주시면 감사하겠습니다

nav.primary ul ul { 
position: absolute; 
z-index: 999; 
background: #000; 
min-width:100%; 

height:0px; 
overflow: hidden; 

-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); 
-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); 
box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.3); 
} 

nav.primary ul li:hover ul{ 
height:auto; 
overflow: auto; 
} 
nav.primary ul ul li{ 
float:none; 
display: list-item; /*list-item*/ 
border-bottom: 1px solid #383737; 
width:auto; 

} 

nav.primary ul ul li a{ 
display:block; 
line-height: 35px; 
text-transform: none; 

} 

.

Answer 1

를 추가해보십시오 :이 방법으로 문제가 해결되지 않으면

nav.primary ul ul { 
    left:0; 
    top:0; 
} 

은, 샘플을 업로드하거나 jsFiddle .. 들으을 만드십시오 ...

은 또한 당신이 최고 변경할 수 : 0; 상단으로 : 100 %; 그것을 강제로 100 % 아래로 내리고 메뉴 바로 아래에 위치시킵니다.