title: Mouseenter only fired on border of transparent div in IE9
body: <p>In my code, I have a div with id 'SIAinfoBox' that is to be loaded with different details, depending on what div the mouse is currently over. I appended the following two listeners to every relevant div:</p>
  
  <pre><code>$(annoDiv).mouseover(function(event){
                  event.stopPropagation;
                  $('#SIAinfoBox').empty();
                  $('#SIAinfoBox').append(details);
                  $('#SIAinfoBox').css('visibility','visible');
              });
  $(annoDiv).mouseleave(function(event){
                  event.stopPropagation;
                  $('#SIAinfoBox').empty();
                  $('#SIAinfoBox').css('visibility','hidden');
              });
  </code></pre>
  
  <p>These divs have no background-color set, but have a 1px solid black border. In Firefox, all works well. But in Internet Explorer, the SIAinfoBox is filled only when the mouse is over the border of the div. Moving it inside the div seems to fire the mouseleave event, and the content is removed and div hidden. If I set a background-color, it works like it is expected to, but with no background-color (or transparent) it does not work. I have also tried using mouseenter instead of mouseover, but with the same results.
  Why does InternetExplorer behave like that or what can I do to achieve the results I am currently getting in FF for IE, too?</p>