这样的mouseout该如何写

HTML

复制代码 <ul> <li id="imid"> <a href="#">All</a> <ul> <li><a href="#">A</a></li> <li><a href="#">B</a></li> </ul> </ul>

我要做当mouseout $("#imid >ul")的时候，$("#imid >ul")消失
但是如果鼠标移动到$("#imid >ul li")的时候，该事件会被运行(因为ul的长宽都不是由li全填充的)
┌──────┐
│    ┌──┐  │
│    └──┘  │
│    ┌──┐  │
│    └──┘  │
│    ┌──┐  │
│    └──┘  │
└──────┘
这样应该如何做呢

ok，是事件冒泡的问题- -
$("#imid >ul").bind("mouseleave", function(){});即可解决