상단메뉴에서 이미지 링크에 마우스 오버시 해당 그룹 게시판 메뉴가 하단에 나오게 하고 싶은데…도저히 모르겠어요..
제가 이제서 입문한 초보라서요..
하단 메뉴에 관련 코드는 어떤것을 넣으면 나타나나요?

고수님들 도와주세요..
아래 제가 현재 html로 만든 소스를 함께 보여드립니다.


/////이미지 메뉴입니다.

<table cellpadding="0" cellspacing="0" border="0" width="820" align="center" valign=bottom>
<tr>
<td valign=bottom>
<a href="/bbs/board.php?bo_table=z1_01" onfocus="this.blur();"  onMouseOver="MM_showHideLayers('menu01','','show','menu02','','hide','menu03','','hide','menu04','','hide','menu05','','hide');MM_swapImage('Image2','','/img/main/m_01_on.jpg',1)" onMouseOut="MM_swapImgRestore()"><img src=/img/main/m_01.jpg name="Image2" border="0" id="Image2"></a>
</td>
</tr>
</table>

레이어로 이미지에 오버 했을 때 나오는 서브 메뉴입니다.
이곳에서 게시판 제목이 호출 되었으면 하는 데 어떡해야 할지 정말 몰라서요…


<div style="position:absolute;" id="menu01">
<div style="position:absolute;left:180px;top:-7px;">
<table width="300" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="300" border="0" cellspacing="0" cellpadding="0">
<tr>
  <td>
 

<a href="/bbs/board.php?bo_table=z1_01"><font color="#ffffff">서브1</font></a><font color="#ffffff">&nbsp;|&nbsp;
<a href="/bbs/board.php?bo_table=z1_02"><font color="#ffffff">서브2</font></a><font color="#ffffff">&nbsp;|&nbsp;
<a href="/bbs/board.php?bo_table=z1_03"><font color="#ffffff">서브3</font></a><font color="#ffffff">&nbsp;|&nbsp;
<a href="/bbs/board.php?bo_table=z1_04"><font color="#ffffff">서브4</font></a>



</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</div>