onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image36','','<?=$g4['path']?>/images/box_ida_3.gif',1)"><img src="<?=$g4['path']?>/images/box_ida_2.gif" name="Image36" width="175" height="170" border="0" id="Image36" /></a></td>

위와 같이 하면 마우스오버했을 때 그 메뉴의 위치에서 같은 크기에서 변화만 있을 뿐인데 하위메뉴의 자리는 위치도 다르고 크기도 다릅니다. 마우스오버했을 때 다른위치(바로) 다른 크기의 하위메뉴가 뜨게 하려면 어떻게 해야 좋을까요?

www.brainsports.co.kr/gnuboard4/


예를 들면 위 홈페이지 상단에 프로그램 안내, 이벤트 및 교육메뉴를 마우스 오버만해서 하위메뉴가 나타나게 하는 방법을 알려주시면 대단히 감사합니다.
자세한 답변 부탁드립니다.