<div id="mainmenu">
   <ul id="mainmenuUl">
    {@ $menuNum=1}
    <!--@foreach($main_menu->list as $key => $val)-->
     <li onmouseover="showSubmenu({$menuNum})"><a href="{$val['href']}" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->><strong>{$val['link']}</strong></a></li>
    {@ $menuNum++}
    <!--@endforeach-->
   </ul>

   {@ $menuNum=1}
   <!--@foreach($main_menu->list as $key => $val)-->
    {@ $menu_1st = $val}
    <ol id="submenuOl{$menuNum}">
     <!--@foreach($menu_1st['list'] as $key => $val)--><!--@if($val['link'])-->
      <li><a href="{$val['href']}" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$val['link']}</a></li>
     <!--@endif--><!--@endforeach-->
    </ol>
    {@ $menuNum++}
    <!--@endforeach-->
  </div>

<script>
var menuNum=mainmenuUl.children.length;

//서브메뉴 보여주는 함수
function showSubmenu(num){
 for(i=1;i<=menuNum;i++){
  document.getElementById('submenuOl'+i).style.display="none";
 }
 document.getElementById('submenuOl'+num).style.left=(num-1)*100+0;
 document.getElementById('submenuOl'+num).style.display="block";
}

//서브메뉴 숨기는 함수
function hiddenSubmenu(){
 for(i=1;i<=menuNum;i++){
  document.getElementById('submenuOl'+i).style.display="none";
 }
}
</script>

이게 레이아웃의 메뉴 부분이고요.

#mainmenu { position:absolute; width:803px; height:30px; top:187px; }
#mainmenuUl { position:absolute; left:0px; margin:0px; padding:0px; }
#mainmenuUl li { float:left; list-style:none; }
#mainmenuUl li a { width:100px; height:30px; overflow:hidden; color:#6DCFF6; text-align:center; line-height:30px; vertical-align:middle; text-decoration:none; background:transparent; display:block; }
#mainmenuUl li a:hover { color:#5FB6D7; background:transparent; }
#mainmenu ol { position:absolute; top:30px; left:0px; margin:0px; padding:0px; float:left; display:none; }
#mainmenu ol li { list-style:none; }
#mainmenu ol li a { width:100px; height:30px; overflow:hidden; color:#6DCFF6; text-align:center; line-height:30px; vertical-align:middle; text-decoration:none; background:#C8F0FF; display:block; }
#mainmenu ol li a:hover { color:#6DCFF6; background:#5FB6D7; }

이게 css의 메뉴부분인데요.

제 홈페이지가 http://present-box.kr/ 인데요. 메뉴에 마우스를 오버 시키면 2차메뉴가 나오는데 마우스를 떼면 그게 안사라지거든요.

그게 왜그럴까요... 도와주세요 ㅠㅠ