메뉴바 하위메뉴
본문
<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>
이런소스인데요 하위메뉴가 나오질 않네요 ㅠㅠ 왜그런건지 알려주세요