<div style="width:100%; height:31px;">

<table id="topmenu" style="float:right; margin-top:-3px; background-color:#004684;" width=840px width=27px border=0>

<tr>

<td width="40px"> </td>

<td>

<a href="> 

<img src="../images/main/Menu/menu1.jpg" width="96" height="27" onmouseOver="this.src='../images/main/Menu/menu1_2.jpg';" onmouseOut="this.src='../images/main/Menu/menu1.jpg';" /></a>

</td>

<td>

<a href="> 

<img src="../images/main/Menu/menu2.jpg" width="96" height="27" onmouseOver="this.src='../images/main/Menu/menu2_2.jpg';" onmouseOut="this.src='../images/main/Menu/menu2.jpg';" /></a>

</td>

<td>

<a href="> 

<img src="../images/main/Menu/menu3.jpg" width="96" height="27" onmouseOver="this.src='../images/main/Menu/menu3_2.jpg';" onmouseOut="this.src='../images/main/Menu/menu3.jpg';" /></a>

</td>

<td>

<a href="> 

<img src="../images/main/Menu/menu4.jpg" width="96" height="27" onmouseOver="this.src='../images/main/Menu/menu4_2.jpg';" onmouseOut="this.src='../images/main/Menu/menu4.jpg';" /></a>

</td>

<td>

<a href="> 

<img src="../images/main/Menu/menu5.jpg" width="96" height="27" onmouseOver="this.src='../images/main/Menu/menu5_2.jpg';" onmouseOut="this.src='../images/main/Menu/menu5.jpg';" /></a>

</td>

<td>

<a href="> 

<img src="../images/main/Menu/menu6.jpg" width="96" height="27" onmouseOver="this.src='../images/main/Menu/menu6_2.jpg';" onmouseOut="this.src='../images/main/Menu/menu6.jpg';" /></a>

</td>

<td width="40px"> </td>

</tr>

</table>

</div> 

위에 그림처럼 메뉴에 마우스오버하면 바로 하위메뉴가 촤라락 뜨게 어떻게 해??

이거 계속 못하고 있음 ㅠㅠㅠㅠㅠㅠ

위에는 메뉴코드