서브메뉴 질문좀 드리겟습니다 ㅠㅠ.. 채택완료

#tnb {margin:0;padding:0;list-style:none;zoom:1;margin-left:10px;text-align: center;}#tnb:after {display:block;visibility:hidden;clear:both;content:""}#tnb li {float:left;}#tnb a {display:inline-block;height:28px;color:#333;letter-spacing:-0em;line-height:2.4em}#tnb a:focus, #tnb a:hover, #tnb a:active {text-decoration:none}#tnb img {margin-right:5px} #tnb {no-repeat;position:relative;}#tnb > li {float:left; }#tnb > li .sub {position:relative; display:none; z-index:2}#tnb > li .sub > li {float:left;}  <script>	$(document).ready(function(e){		$("#tnb > li").bind("mouseenter",function(e){			$("#tnb > li .sub").css("display","none")														$(this).children(".sub").css("display","block")								 		});				   	});</script><div><ul id="tnb" style="margin-top: 20px;margin-bottom: 30px;width:1220px;margin: 0 auto;">	<li><a href=""><img src="/img/gnb/company.jpg"></a></li>	<li><a href="/bbs/board.php?bo_table=dress"><img src="/img/gnb/dress.jpg"></a></li>	<li><a href="/bbs/board.php?bo_table=shoot"><img src="/img/gnb/shoot.jpg"></a></li>		<ul class="sub" style="margin: 0 auto;">		<li><a href=""><img src="/img/gnb/china.png"></a></li>		<li><a href=""><img src="/img/gnb/korea.png"></a></li>		<li><a href=""><img src="/img/gnb/hawai.png"></a></li>	</ul>	<li><a href="/bbs/board.php?bo_table=makeup"><img src="/img/gnb/makeup.jpg"></a></li>	<li><a href="/bbs/board.php?bo_table=event"><img src="/img/gnb/event.jpg"></a></li>	<li><a href="/bbs/board.php?bo_table=board"><img src="/img/gnb/board.jpg"></a></li></ul></div>