js onmouseover 事件 问题

做一个tip层。（悬浮 id 为a1的链接上时显示tip）
onmouseover a1链接上后显示tip。onmouseout a1链接隐藏（setTimeout）。
在tip关闭前，鼠标快速移动到tip上，触发tip的onmouseover 便停止setTimeout隐藏。并在tip的onmouseout事件触发后隐藏tip。
大致的功能就是这样了。
问题：
现在，加了一个小箭头。用div的背景图片实现。
然后设置箭头div的left和top让它移到tip边缘。
html_Str = "<div id=\"JT\" style=\"display:none;\"><iframe style=\"width:100%;height:100%;position:absolute;visibility:inherit;border:none;z-index:-1;filter:alpha(opacity=0);opacity:0;\"></iframe>";html_Str += "<div id=\"JT_arrow\" class=\"arrow_left\"></div>";   //箭头
html_Str += "<div id=\"JT_content\"></div>";                      //内容
html_Str += "</div>";tip的结构如上。测试：
页面（JS）首次加载
先触发a1链接的mouseover显示tip.
然后，在tip未隐藏之前，鼠标快速移动到tip上。功能是正常的。（移动到箭头图片上也能成功阻止tip的自动隐藏）
但是（页面未刷新），
再次触发a1链接的mouseover显示tip，再鼠标移动到箭头上却不能阻止tip自动隐藏。好像这个时候箭头（JT_arrow）不在tip(JT)的范围内了。鼠标移动到tip(JT)的上面触发JT的onmouseover途中不能经过(JT_arrow)。不然就不能成功触发tip(JT)的onmouseover事件。
这是啥原因？求指教！！！