一个简单的事件传播问题。

如附件图，两个div，id分别a1和a2，a1套在a2里面，即 <div id=a2>   <div id=a1></div>   </div>

我想让鼠标离开a2的时候，弹出提示框。于是如下编程：
$('#a2').mouseout(function(){
alert('提示文字');
});

但结果却是：
当鼠标最初位于a1里面，向外移动，出a1边界还位于a2里面时，弹出提示框！
当鼠标最初位于a2里面（不是a1区域），向a1移动的时候，经过a1边界时候，弹出提示框！

我不想有这种效果，不想a1也参与进来，只想当鼠标从a2这个大区域离开的时候能弹出对话框，该如何修改代码？？

谢谢！！！！ 用mouseleave和mouseenter

谢谢楼上大侠！

不用客气，是你提问手法非常高明，让我一下子就能明白你的问题在哪，需要什么。让所有知道答案的人很乐意为你解答！

搭车，问mouseout和用mouseleave和mouseenter的区别？