[jQuery] Events double firing?

[David]

http://localhost/allonenet/index.html

If you mouse over the globe in the top left, you'll see it fades in,
then fades out, then fades back in. When you mouse off, you'll see it
fade out, then back in, then back out. The relevant code is:

$('body').append('<div id="fill"></div>');
    $('#fill').load('public/launcher', null, function(response,
status, request){
      $('#launcher').css({display: 'block'})
      .fadeTo(1, opacity)
      .bind('mouseover', function(e){
        e.stopPropagation();
        e.cancelBubble = true;
        $(this).fadeTo(0, 1, function(e) {
          $(this).find('img').attr('src', 'img/globe_spinning.gif');
        });
      })
      .bind('mouseout', function(e){
        e.stopPropagation();
        e.cancelBubble = true;
        $(this).fadeTo(0, opacity, function(e) {
          $(this).find('img').attr('src', 'img/globe.gif');
        });
      })
      .bind('click', launchInterface);
    });


I can't seem to get around this issue. The stop propagation and
cancelbubble stuff isn't making any difference at all. Here is the
HTML pulled in through the load('public/launcher') call:

<script type="text/javascript" src="js/jquery.ui-1.0/
jquery.dimensions.js"></script>
<link rel="stylesheet" type="text/css" href="css/screen.css" />

<div id="launcher"><img align="center" src="img/globe.gif"
alt="AllOneNet Launcher" /><span>All One Net</span></div>

<div id="MainMenu" class="DialogBox">
  <div class="head"><h1 id="DialogTitle">All One Net</h1><img src="img/
close.gif" /></div>
  <div class="body" id="menu"></div>
  <div class="foot"></div>
</div>
<div id="FormDialog" class="WideDialogBox">
  <div class="head wide"><h1 id="DialogTitle">Add an Ad</h1><img
src="img/close.gif" /></div>
  <div class="body wide" id="form"></div>
  <div class="foot wide"></div>
</div>
<div id="SearchDialog" class="DialogBox">
  <div class="head wide"><h1 id="DialogTitle">Smart Search</h1><img
src="img/close.gif" /></div>
  <div class="body wide" id="search"></div>
  <div class="foot wide"></div>
</div>
<img src="img/globe_spinning.gif" class="hidden" />