title: jQuery .is(":hover") In IE8
body: <p>I am having an issue checking the state of a div in IE8.  I want to check if the mouse is currently hovering over some divs or not. Currently in IE8, I get the following error:  <code>Syntax error, unrecognized expression: hover</code>.  Below is the jQuery that is causing the error:</p>
  
  <pre><code>// This function will close the slideout of widgets
  function CloseWidgetPanel()
  {
      if (!$("#widgets").is(":hover") &amp;&amp; !$(".widgetPanel").is(":hover"))
      {
          if ($("#widgets").is(":animated"))
          {
              $("#widgets").stop(true, true);
          }
          $("#widgets").hide("slide", { direction: "right" }, 300);
      }
      else
      {
          // We are currently hovering over a panel, so check back in 2 seconds.
          setTimeout(CloseWidgetPanel, 2000);
      }
  }
  </code></pre>