묻고답하기

<div id="MNU" style="width:103px; height:81px; position:absolute; left:499px; top:93px; z-index:1;" onmouseover="show('MNU')" onmouseout="hide('MNU')">
<font color="#009900"><b>ㆍ</b></font><a href="#" target="index"><b>Screen Shot</b></a><br>
<font color="#009900"><b>ㆍ</b></font><a href="#" onmouseover="show('STU')" onmouseout="hide('STU')"><b>Study</b></a><br> <- 이 메뉴가 서브 메뉴
<font color="#009900"><b>ㆍ</b></font><a href="#" target="index"><b>Pds</b></a><br>
</div>


저렇게 해서 Study에 마우스가 위치할때 오른쪽에 또 다시 서브메뉴를 만들었는데요.
그 서브메뉴가 완전히 딱 붙지 않는 이상은 금방 사라져 버리더라구요.

밑에 Pds메뉴로 내려가거나 다른 서브 메뉴로 이동하지 않는 이상은 계속 나오게 할 순 없나요?
또 운 좋게 Study의 서브메뉴로 들어가게 되면 그 전 메뉴의 서브 메뉴는 사라져 버리더군요.
명령어를 잘 모르니 상당히 헤매네요.

답변 부탁 드려요,