和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;去掉