Why span dissapears on mouseenter?
<pre><code>&lt;DIV id=gallery2&gt;
  &lt;DIV class=center_content&gt;
    &lt;A id=example2 class=photo-link title=567 href="http://www.hdwallpapersarena.com/wp-content/uploads/2012/06/Desktop-wallpaper-Free-honey-bee1.jpg" rel=group1 smoothbox?&gt;
      &lt;IMG id=mygal class=mygalclass src="http://www.hdwallpapersarena.com/wp-content/uploads/2012/06/Desktop-wallpaper-Free-honey-bee1.jpg" width=132 height=137&gt;
    &lt;/A&gt;
  &lt;/DIV&gt;
&lt;/DIV&gt;
</code></pre>

<p>Hovering on the bee image shows me a <code>span</code> with links, but when I go and select the <code>span</code> it disappears, I guess it's because of the <code>mouseleave</code> event of the image. </p>

<p>here's a demo <a href="http://jsfiddle.net/sbYG4/13/" rel="nofollow">http://jsfiddle.net/sbYG4/13/</a></p>

<p>How can I tie the <code>Div</code>, <code>Image</code> and <code>Span</code> to the same <code>onmouseenter</code> and <code>mouseleave</code>?</p>
