마우스 오버시 레이어 팝업으로 설명글 보여주기

<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td omMouseOver="javascript:showOverseaHelp();" omMouseOut="javascript:closeOverseaHelp();" style="cursor:pointer;"><font color="#CC0000">무이자할부안내</font></td>
<td width="1" height="1">
<div id="oversea_trans_yn_layer" style='position:absolute;display:none;z-index:1'>
<div id='oversea_trans_yn_layer_2' style='position:relative;display:none;z-index:2;left:-84px;top:10px;background-color:#FFFFFF;'>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="./images/card.gif" width="345" height="73"></td>
</tr>
</table>
</div>
</div>
<script language="javascript">
function showOverseaHelp()
{
oversea_trans_yn_layer.style.display = "";
oversea_trans_yn_layer_2.style.display = "";
}
function closeOverseaHelp()
{
oversea_trans_yn_layer.style.display = "none";
oversea_trans_yn_layer_2.style.display = "none";
}
</script>
</td>
</tr>
</table>