jquery strange flickering on mouseover/out
<p>The HTML:</p>

<pre><code>&lt;div id="timerList"&gt;
...
    &lt;li rel="project" class="open"&gt;
        &lt;a class="" style="" href=""&gt;&lt;ins&gt;&amp;nbsp;&lt;/ins&gt;Project C&lt;/a&gt;
    &lt;/li&gt;
...
&lt;/div&gt;
</code></pre>

<p>The javascript/jquery:</p>

<pre><code>$('#timerList li[rel="project"]').mouseover(function(){
    $('a:first',this).after('&lt;span class="addNew"&gt;&lt;a href="#"&gt;Add Timer&lt;/a&gt;&lt;/span&gt;');
}).mouseout(function(){
    $('.addNew',this).remove();
});
</code></pre>

<p>When I hover my mouse over an li element, a span.addNew element is created within</p>

<p>THE PROBLEM:
When I put my mouse ofer the span.addNew, it flickers on and off.  Perhaps the mouseout event is firing, but I don't understand why it would or how to prevent it.</p>

<p>Thanks!</p>
