Onmouseover running multiple times while hovering on element?
<p>Why does onmouseover run multiple times while I hover over one element?</p>

<p>I'm trying to run a simple animation when the user hovers over an icon but it runs multiple times.</p>

<p>I'm testing it here:</p>

<p><a href="http://lujanventas.com/test.php" rel="nofollow">http://lujanventas.com/test.php</a></p>

<p>Anyway, any ideas on how to fix it? maybe using a listener instead?</p>

<p>This is the javascript running onmouseover:</p>

<pre><code>function upIcon(n) {
    console.log("Mouseover icon: " + n);
    $('#icon' + n).animate({ backgroundPositionY : "-=15px" }, 200 );
    $('#icon' + n).animate({ backgroundPositionY : "+=15px" }, 200 );
    }
</code></pre>
