Javascript事件监听器附加到错误的元素？

Question

我正在创建一个DIV并将鼠标悬停事件附加到它上面工作正常，但是使用innerHTML添加下一部分HTML会根据该DIV的大小触发鼠标输出事件，而不是事件附加到的DIV。

menu = document.createElement('DIV');
menu.id=menuId;
menu.style.height="50px";

menu.addEventListener('mouseout', function(menu) {
this.menu(menu);
}.bind(this,menu), false); 



this.html = '<div>heading</div><div>content</div>';

menu.innerHTML=this.html;

doc=document.body.firstChild;
document.body.insertBefore(menu,doc);