javascript - jQuery の mouseenter および mouseleave イベントが制御不能に発生する

Question

このコードを使用して、ホバーされた要素の内容を div に入力しています。

$('.gallery .thumbs a').hover(
  function(){
    var target = $(this);
    $('.hover-box').html(target.clone());
    var top = target.offset().top;
    var left = target.offset().left;
    $('.hover-box').css({'display':'block', 'top':top, 'left':left}); 
  },
  function(){
    $('.hover-box').hide();
  }
);

問題は、'mouseleave' ハンドラーを追加した後、両方のイベントが制御不能に起動し始めることです。

マウスオーバー/アウトに関連するバブルの問題は知っていますが、これは同じように動作するようです。

なぜこれが起こっているのか誰にも分かりますか？

編集：

これがフィドルの取引です。最も美しい光景ではありませんが、私の問題と同じように機能します。 フィドル