title: Onmouseover running multiple times while hovering on element?
body: <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">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>