我的导航栏特效怎么变成这种样式？

我的导航栏，将鼠标放到“分类导航”这一栏下面就自动出现许多分类，可是我把导航栏菜单放到右边的，为什么那个特效出现的层却出现在中间，离分类导航很远，以至于我鼠标点击不到导航链接，就触发了MouseOut事件，怎么让我的那个层出现在“分类导航”正下方呢？请看我的代码

<tr><td class="top1">
<table border="0" cellspacing="0" cellpadding="0" height="24" align="right" >
<tr><td><a href="index.asp" class="top">网站首页</a></td>
<td align="right" width="20"><img border="0" src="Skin/<%=venshop_skin%>/daohangbg.gif"></td>
<td align="right" onMouseOver="MM_showHideLayers('Layer_0', '', 'show')" onMouseOut="MM_showHideLayers('Layer_0', '', 'hide')"><a href="allsort.asp" class="top">
分类导航</a></td>
<td align="right" width="20"><img border="0" src="Skin/<%=venshop_skin%>/daohangbg.gif"></td>
<td align="right" onMouseOver="MM_showHideLayers('Layer_00', '', 'show')" onMouseOut="MM_showHideLayers('Layer_00', '', 'hide')"><a href="allp.asp" class="top">
品牌导航</a></td>
<td align="center" width="20" colspan="2"><img border="0" src="Skin/<%=venshop_skin%>/daohangbg.gif"></td>
<td align="center"><a href="help.asp?id=3" class="top">公司简介</a></td>
<td align="center" width="20"><img border="0" src="Skin/<%=venshop_skin%>/daohangbg.gif"></td>
<td align="center"><a href="article.asp" class="top">新闻资讯</a></td>
</tr>
</table>
<div align=left><%allsort%><%allp%><%allb%></div>
</td></tr>


function MM_showHideLayers() { //v3.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
obj.visibility=v; }
}

想请问下是哪的问题啊？