title: Span is flickering on mouseenter
body: <p>I have created a jsfiddle here <a href="http://jsfiddle.net/xfc7H/" rel="nofollow">http://jsfiddle.net/xfc7H/</a>. here when I hover the mouse on the text <code>resize</code> it flickers. So that means the event is being propagated. I want this text to appear stable when I hover on it. Please if someone can resolve the issue.</p>
  
  <p>the html </p>
  
  <pre><code>         &lt;div class="jqte_editor" &gt;
           &lt;img width=100px height=100px stye=" border:1px solid #eee;" src='http://appendto.com/wp-content/uploads/2013/04/training-hero.jpg'&gt;&lt;/img&gt;
           &lt;/div&gt;
  </code></pre>
  
  <p>the jquery </p>
  
  <pre><code>     $('.jqte_editor').on('mousedown', 'span', function() {
  
          $("#imagecontainer").has(this).prepend("&lt;div style='font-size:10px; position:absolute; background-color:#eee; opacity:1; width:70px; top:" + $(this).position().top + "; left:" + $(this).position().left + ";' id='imageresizer'&gt;Width:&lt;input type='text' style='width:25px; opacity:1.0;' id='imagewidth'&gt;&lt;/input&gt;&lt;br&gt; height:&lt;input type='text' id='imageheight' style='width:25px'&gt;&lt;/input&gt;&lt;/div&gt;");
          return false;
      });
      $('.jqte_editor').on('mouseenter', 'span', function(e) {
          e.stopPropagation();
      });
      $('.jqte_editor').on('mouseenter', 'img', function() {
          $(this).wrap("&lt;div id='imagecontainer' style='float:left; position:relative;'&gt;&lt;/div&gt;");
          $("#imagecontainer").prepend("&lt;span style='position:absolute; top:0px; left:0px; background-color:#eee; color:#888;' id='spanresize'&gt;resize&lt;/span&gt;");
      });
      $('.jqte_editor').on('mouseleave', 'img', function() {
          $("#spanresize").remove();
          $("#imagecontainer&gt; img").unwrap();
  
      });
      $('.jqte_editor').on('mousedown', 'img', function() { $("#spanresizer").remove(); $("#imageresizer").remove(); $("#imagecontainer&gt; img").unwrap(); });
      $('.jqte_editor').on('keyup', 'input', function() {
          var imagelement = $("#imagecontainer").find('img');
          console.log(imagelement);
          var width = $("#imagewidth").val();
          var height = $("#imageheight").val();
          console.log(width);
          imagelement.attr("width", width);
          imagelement.attr("height", height);
      });
  </code></pre>