title: jQuery ":hover" doesn't appear to be working in Internet Explorer
body: <p>If you look at this page:</p>
  
  <p><a href="http://bbdesign.com/berksfoods.com/retail-deli-meats-roast-beef.htm" rel="nofollow">http://bbdesign.com/berksfoods.com/retail-deli-meats-roast-beef.htm</a></p>
  
  <p>Hold your mouse over the Products button at the top-left (to the right of the big logo) and move down over the menu that appears. If you move off of the Products button and the drop-menu, it disappears. This is as intended.</p>
  
  <p>The big logo is a transparent PNG. I have a jQuery event "mouseleave" on the Products button and the drop-down menu that causes the menu to disappear when the mouse is no longer over them.</p>
  
  <p>If the mouse goes over the logo, of course, that means the menu closes (since it isn't a child of the container for "mouseleave"). I solved this by adding the following:</p>
  
  <pre><code>if (!$('img#logo').is(':hover')){
      $(this).children('div#menu1bg').slideUp(200);
  }
  </code></pre>
  
  <p>In other words, if the "mouseleave" event is triggered, first check to make sure the mouse isn't over the logo (img#logo). If it is over the logo, don't close the menu.</p>
  
  <p>This seems to work nicely, except it doesn't work at all in Internet Explorer. Is there a known issue with ':hover' and that browser? Or is there some other way of coding the same thing that will work better on all browsers?</p>
  
  <p>Thank you!</p>