<style>
ul, li {margin:0; padding:0}
#menu {width:662px; height:40px;}
#menu .topmenu {float:left; }
#menu li {display:inline; position:relative;}
#menu li div {display: none;}
#menu li:hover div {display: block; position:absolute; margin-top:5px; width:500px; height:20px;}
#menu a {text-decoration:none; padding:3px 5px;}
</style>
<div id="menu">
<ul>
<li class="topmenu"><a href="#"><img src="unique/common/image/main/menu01.gif" width="70" border="0" /></a></li>
<li class="topmenu"><a href="#"><img src="unique/common/image/main/menu02.gif" width="155" border="0"/></a>
<div>
<ul>
<li><a href="#"><img src="unique/common/image/main/menu02_1.gif" width="95" border="0"/></a></li>
<li><a href="#">Sub 22</a></li>
<li><a href="#">Sub 23</a></li>
<li><a href="#">Sub 24</a></li>
<li><a href="#">Sub 25</a></li>
<li><a href="#">Sub 24</a></li>
<li><a href="#">Sub 25</a></li>
</ul>
</div>
</li>
<li class="topmenu"><a href="#"><img src="unique/common/image/main/menu03.gif" width="121" height="20" border="0"/></a>
<div>
<ul>
<li><a href="#">Sub 31</a></li>
<li><a href="#">Sub 32</a></li>
</ul>
</div>
</li>
<li class="topmenu"><a href="#"><img src="unique/common/image/main/menu04.gif" width="117" height="20" border="0"/></a>
<div>
<ul>
<li><a href="#">Sub 31</a></li>
<li><a href="#">Sub 32</a></li>
<li><a href="#">Sub 33</a></li>
<li><a href="#">Sub 34</a></li>
</ul>
</div>
</li>
<li class="topmenu"><a href="#"><img src="unique/common/image/main/menu05.gif" width="108" height="20" border="0"/></a> </li>
</ul>
</div>
이런소스인데요 하위메뉴가 나오질 않네요 ㅠㅠ 왜그런건지 알려주세요
답변 1개 / 댓글 5개
잘나오는데.... 혹시 쿼크모드 아니세요??? 쿼크모드는 css에 :hover 안먹혀요...
답변에 대한 댓글 5개
답변을 작성하려면 로그인이 필요합니다.