javascript - 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);