마지막 위치가 어째서 위치가 어떨까요?

Question

탐색 모음을 편집하려고하지만 마지막 li이 약간 아래에 있습니다. 또한 English 위로 마우스를 가져 가면 다른 언어가 드롭 다운되어야합니다. 여기 봐 주시기 바랍니다 : 드롭 다운에 문제의 원인이 무엇

http://jsfiddle.net/kKqZS/1/

?

Answer 1

이 하나의 작품 : http://jsfiddle.net/ryAJ2/

HTML 코드의 문제뿐만 아니라

Answer 2

귀하의 코드 :

<li> 
    <li class="top"><a href="http://bin.xxx/?op=change_lang&lang=english">English</a</li> 
    <ul> 
     <li><a href="http://bin.xxx/?op=change_lang&lang=russian">Russian</a></li> 
     <li><a href="http://bin.xxx/?op=change_lang&lang=german">German</a></li> 
     ... 
    </ul> 
</li> 

리 안에 당신은 할 수 없습니다 둥지 리 요소입니다. 바이올린 작업

당신의 HTML에서 해당  를 제거

<li></li> 
<li>English</li> 
<ul> 
     <li><a href="http://bin.xxx/?op=change_lang&lang=russian">Russian</a></li> 
     <li><a href="http://bin.xxx/?op=change_lang&lang=german">German</a></li> 
</ul> 

Answer 3

: 브라우저가 자동으로 리튬 태그를 닫고 같은 코드를 이해하는 것입니다 그래서 http://jsfiddle.net/surendraVsingh/kKqZS/10/

, 난 여분의 리튬이 작업이 드롭 다운을 만든 내부 부모 li국가 드롭 다운.

CSS는 그래서 제거 .no-js #main-nav li:hover > ul라는 이름의 클래스가 - 안돼 - JS 그것으로 #main-nav ul ul 좋은 연습 후이 완전한 클래스를 이동 & HTML에서 임의의 장소에서 사용되지 않는.