<table width="100%"  border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><span id=menu_1>
  <a onmouseover="selectMenu(1);" style="cursor:hand"><b>메뉴1</b></a>
  </span>
  <span id=menu_2>
    <a onmouseover="selectMenu(2);" style="cursor:hand"><b>메뉴2</b></a>
</span>
  </td>
  </tr>
  <tr>
    <td>
        <span id=submenu_1 style="display:none;">
    <a href=>서브메뉴1-1</a>
    <a href=>서브메뉴1-2</a>
    </span>
        <span id=submenu_2 style="display:none;">         
  <a href=>서브메뉴2-1</a>
  <a href=>서브메뉴2-2</a>
        </span>
        </td>
  </tr>
</table>

여기 소스대로 실행하면

메뉴글씨에서 오버 하면 서브가 나오는데 마우스를 치워도 계속 서브가 나와 있습니다.

마우스를 치우면 서브 메뉴는 사라지게 하고 싶은데요...

알려주세요 ㅠㅠ