마우스가 서브메뉴에서 벗어나면 이서브메뉴들이 사라지게 하고 싶어요. 도와주세요,ㅠ,ㅠ,

오류가 나는곳의 주소를 알려주시면 더 빠르고 정확하게 답변 받을 수 있습니다.

오류 주소 : http://hunetkorea.com/jchindex.php

메인메뉴를 클릭하면 서브메뉴가 나타납니다.

헌데 마우스가 서브메뉴에서 벗어나면 이서브메뉴들이 사라지게 하고 싶어요.

자꾸 서브메뉴들이 있으니깡..ㅜ.ㅜ. 화면 보기도 껄끄럽고 번거로워요.

뭔가 방법이 없을까요?



<script type="text/javascript">

<!--

//글로벌 네비게이션(2Depth 메뉴그룹)에 대한 마우스 또는 키보드 반응(보임/숨김)설정

function activeGNB(id) {

for(num=1; num<=4; num++) document.getElementById('gm'+num).style.display='none'; //D2MG1~D2MG4 까지 숨긴 다음

document.getElementById(id).style.display='block'; //해당 ID만 보임

}

//-->

</script>




<style type="text/css">

/* 공통사항 초기화 - 모든 색상값들은 레이아웃 영역과 문자를 표시하기 위하여 임의로 설정됨 */

ul { list-style:none }




/* 레이아웃 */

#gnb { height:64px; float:left; }

#gnb:after { content:""; display:block; clear:both; }

#gnb li { float:right; position:relative;}

#gnb li li { width: auto; }

#gnb li a { display:block; position:relative; top:15px; }

#gnb li li a { display:inline; height:auto; margin:-1px;}

#gnb ul { }

#gnb ul ul { position:absolute; top:50px; width:962px; display:none; white-space:nowrap; }

#gnb ul#gm1 { position:absolute; right:0px;}

#gnb ul#gm2 { position:absolute; right:-70px;}

#gnb ul#gm3 { position:absolute; right:-210px;}

#gnb ul#gm4 { position:absolute; right:-210px;}

</style>










<TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0 style="text-align:center; margin:0 auto">
<TR>
<TD>
<table border="0" cellpadding="0" cellspacing="0" align="center" >
<tr>
<tD align="right" height="18" valign="bottom"><a href="../jchindex.php"><img src="../images/facil/main/side01.gif" /></a>
<a href="../bbs/board.php?bo_table=jchinvest_02"><img src="../images/facil/main/side02.gif" /></a>
<a href="../adm"><img src="../images/facil/main/side03.gif" /></a>
</tD>
</tr>

<tr>
<td width="962"align="center" valign="top">



<div id="gnb">

<ul>




<li class="g1 active"><a href="../../bbs/board.php?bo_table=jchinvest_02" onmouseover="activeGNB('gm1');" onmouseout="ativeGNB('gnb');" onfocus="activeGNB('gm1');">
<IMG SRC="../images/jch/main/menu_04.gif" onmouseover="this.src='../images/jch/main/menu_04on.gif'" onmouseout="this.src='../images/jch/main/menu_04.gif'" /></a>

<ul id="gm1">

<li class="active"><a href="../../bbs/board.php?bo_table=jchinvest_05"><IMG SRC="../images/jch/main/manu/menu4-5.jpg" ALT=""></a></li>
<li class="active"><a href="../../bbs/board.php?bo_table=jchinvest_04"><IMG SRC="../images/jch/main/manu/menu4-4.jpg" ALT=""></a></li>
<li class="active"><a href="../../bbs/board.php?bo_table=jchinvest_03"><IMG SRC="../images/jch/main/manu/menu4-3.jpg" ALT=""></a></li>
<li class="active"><a href="../../bbs/board.php?bo_table=jchinvest_02"><IMG SRC="../images/jch/main/manu/menu4-2.jpg" ALT=""></a></li>

</ul>

</li>

<li class="g2"><a href="../../bbs/board.php?bo_table=jchcommu_01" onmouseover="activeGNB('gm2');" onfocus="activeGNB('gm2');">
<IMG SRC="../images/jch/main/menu_03.gif" onmouseover="this.src='../images/jch/main/menu_03on.gif'" onmouseout="this.src='../images/jch/main/menu_03.gif'" /></a>

<ul id="gm2">

<li><a href="../bbs/board.php?bo_table=jchcommu_02"><IMG SRC="../images/jch/main/manu/menu3-2.jpg" ALT=""></a></li>
<li><a href="../../bbs/board.php?bo_table=jchcommu_01"><IMG SRC="../images/jch/main/manu/menu3-1.jpg" ALT=""></a></li>



</ul>

</li>

<li class="g3"><a href="../bbs/board.php?bo_table=jchsale_01" onmouseover="activeGNB('gm3');" onfocus="activeGNB('gm3');">
<IMG SRC="../images/jch/main/menu_02.gif" onmouseover="this.src='../images/jch/main/menu_02on.gif'" onmouseout="this.src='../images/jch/main/menu_02.gif'" /></a>

<ul id="gm3">
<li><a href="http://hunetkorea.com/facilindex.php"><IMG SRC="../images/jch/main/manu/menu2-4.jpg" ALT=""></a></li>
<li><a href="http://hunetkorea.com/inforindex.php"><IMG SRC="../images/jch/main/manu/menu2-3.jpg" ALT=""></a></li>
<li><a href="http://www.voipcrm.co.kr/"><IMG SRC="../images/jch/main/manu/menu2-2.jpg" ALT=""></a></li>
<li><a href="http://hunetkorea.com/skindex.php"><IMG SRC="../images/jch/main/manu/menu2-1.jpg" ALT=""></a></li>


</ul>

</li>

<li class="g4"><a href="../bbs/board.php?bo_table=jchcomp_01" onmouseover="activeGNB('gm4');" onfocus="activeGNB('gm4');">
<IMG SRC="../images/jch/main/menu_01.gif" onmouseover="this.src='../images/jch/main/menu_01on.gif'" onmouseout="this.src='../images/jch/main/menu_01.gif'" /></a>

<ul id="gm4">
<li><a href="../bbs/board.php?bo_table=jchcomp_07"><IMG SRC="../images/jch/main/manu/menu1-4.jpg" ALT=""></a></li>
<li><a href="../bbs/board.php?bo_table=jchcomp_03"><IMG SRC="../images/jch/main/manu/menu1-3.jpg" ALT=""></a></li>
<li><a href="../bbs/board.php?bo_table=jchcomp_02"><IMG SRC="../images/jch/main/manu/menu1-2.jpg" ALT=""></a></li>
<li><a href="../bbs/board.php?bo_table=jchcomp_01"><IMG SRC="../images/jch/main/manu/menu1-1.jpg" ALT=""></a></li>


</ul>
</li>

</ul>

</div>