和DIV嵌套有关的有关问题

和DIV嵌套有关的问题
<div   style= "width:200px;height:210px; "   onMouseOut= "smalldiv() ">
<div   style= "border:1px   solid   blue;width:100%;height:30px; "   id= "menu1 "   onMouseOver= "overdiv(this.id) "   > </div>
<div   style= "border:1px   solid   blue;width:100%;height:30px; "   id= "menu2 "   onMouseOver= "overdiv(this.id) "   > </div>
</div>

我想在menu1和menu2鼠标移动时候仅仅触发overdiv事件，但实际操作中先触发了smalldiv事件，请问怎么解决这个问题，为什么在外层的也会触发，我搞不懂

------解决方案--------------------
上面有误,将window.event.cancelBubble = true;去掉