jQuery mouseover mouseout issue
<p>I have some issue with a piece of code, i am using a sort of tooltip on links, but when a link has child elements in it, it blinks quick(when i hover over the child element(s)).</p>

<p>basic jQuery code(the part that shows the tip)(stripped down version, can not use a hover event!)</p>

<pre><code>    $('.aaa').bind('mouseover mouseout',function(e) {
        if(e.type == 'mouseover'){
           $('.tip').show() 
        }else{
           $('.tip').hide() 
        } 
    });                 
</code></pre>

<p>this works</p>

<pre><code>    &lt;a href="#" class="aaa"&gt;&lt;/a&gt;
</code></pre>

<p>this works not(good)</p>

<pre><code>   &lt;a href="#" class="aaa"&gt;
      &lt;img src="images/icon.png"/&gt;
      &lt;span&gt;text&lt;/span&gt;
   &lt;/a&gt;
</code></pre>

<p></p>
