我想给网站导航条做一个鼠标停留显示其子菜单的效果。标签对象.offsetLeft和标签对象.offsetTop来得到这个标签在窗口上显示的位置，从而来设定在它下方显示的菜单位置，但是每次得到的位置都和实际相比总要差一些。请问怎样才能得到准确的位置？
导航条结构如下：
<ul>
<li><a>首页</a></li>
<li><a>公司介绍</a></li>
<li><a>品牌展示</a>
<ul><!--此UL代表子菜单，该如何定位其显示位置呢？-->
<li><a>产品展示</a></li>
<li><a>店面展示</a></li>
</ul>
</li>
</ul>
导航条结构如下：
<ul>
<li><a>首页</a></li>
<li><a>公司介绍</a></li>
<li><a>品牌展示</a>
<ul><!--此UL代表子菜单，该如何定位其显示位置呢？-->
<li><a>产品展示</a></li>
<li><a>店面展示</a></li>
</ul>
</li>
</ul>
{
var t=e.offsetTop;
var l=e.offsetLeft;
while(e=e.offsetParent){
t+=e.offsetTop;
l+=e.offsetLeft;
}
return [l, t];
}