링크를 마우스로 가리키면 구글 크롬과 사파리가됩니다.

Question

html/css를 사용하여 수직 드롭 다운 메뉴를 만들려고합니다.

내가 볼 수있는 한 코딩은 꽤 깨끗하고 ff에서 잘 작동합니다 (예 : 6 개가 아님). 오페라는 Google 크롬과 사파리에서 작동하지만 왼쪽으로 이동합니다.

HTML :

<div id="topmenu"> 
<ul> 
    <li class="toplink"><a href="about.html">About</a> 
    <ul class="submenu"><li><a href="about2.html">About2</a></li> 
         <li><a href="about3.html">About3</a></li> 
    </ul> 
    </li> 
    <li class="toplink"><a href="anotherdropdown.html">About</a> 
    <ul class="submenu"><li><a href="about2.html">About2</a></li> 
      <li><a href="about3.html">About3</a></li> 
    </ul> 
    </li> 
</ul> 

CSS :

#topmenu ul {margin: 0; padding: 0; list-style: none; width: 100%; } 
#topmenu ul li {position: relative; float: left; display: inline; } 
#topmenu ul li ul {position: absolute; display: none; margin-top: 4px;} 
#topmenu ul li ul li {position: relative; clear: left; } 
#topmenu ul li:hover ul {display: block; } 

Answer 1

내가 여기 물어 너무 hastey했다 보인다.

#topmenu ul li {display : block}을 추가하면 트릭을하는 것처럼 보였지만 그 이유는 분명하지 않았습니다.

어떤 설명도 감사하겠습니다. 그렇지 않으면 다른 사람에게 유용 할 것입니다!