title: onMouseOver not working fine with hover
body: <p>i'm trying to get a popup window when hovering a div by calling the following function onMouseOver</p>
  
  <pre><code>function PopUp(h) {
      $('#task_' + h).hover(function (evt) {
          var html1 = '&lt;div id="box"&gt;';
          html1 += '&lt;h4&gt;Taskbar ' + h + ' ännu en test - fredagstest &lt;/h4&gt;';
          //html += '&lt;img src="Pictures/DesertMini.jpg" alt="image"/&gt;';
          html1 += '&lt;p&gt;"Test för task nr: ' + h + ' &lt;br/&gt;At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium asperiores repellat."&lt;/p&gt;';
          html1 += '&lt;/div&gt;';
          $('#test').append(html1).children('#box').hide().fadeIn(100)
          $('#box')
              .css('top', evt.pageY)
              .css('left', evt.pageX + 20)
              .css('z-index', 1000000);
          }, function () {
              // mouse out
              $('#box').remove();
          });
          $('#task_' + h).mousemove(function (evt) {
              $('#box')
                  .css('top', evt.pageY)
                  .css('left', evt.pageX + 20)
                  .css('z-index', 1000000);
          });
      }
  }
  </code></pre>
  
  <p><code>h</code> is some number I'm sending to the function </p>
  
  <pre><code>&lt;div (some attributes) onMouseOver="PopUp('+someNumber+');"&gt;
  </code></pre>
  
  <p>but the <code>onMouseOver</code> is not working fine with the hover
  what do i do?</p>
  
  <p>thanks a trillion in advance...
  Lina</p>