title: CSS :hover in Sharepoint works in Chrome but not IE8( or 7 compat)
body: <p>I have a DataFormWebPart rendering:</p>
  
  <pre><code>&lt;th class="MenuItem"&gt;
      &lt;xsl:attribute name="onclick" &gt;window.location="&lt;xsl:value-of select="substring-before(@URL, ', ')" &gt;&lt;/xsl:value-of&gt;"&lt;/xsl:attribute&gt;
      &lt;xsl:value-of select="@Comments" disable-output-escaping="yes"  /&gt;
  &lt;/th&gt;
  </code></pre>
  
  <p>With CSS like:</p>
  
  <pre><code>.MenuItem
  {       
      background-color:aqua;
      border: thick red solid;
      border-top: 0;
      border-bottom: 0;
      padding:.25em;
      padding-left:1em;
      padding-right:1em;
  }
  
  .MenuItem:hover
  {       
      background-color:green;
  }
  </code></pre>
  
  <p>In IE the :hover is getting ignored, Chrome it works.</p>
  
  <p>If I create the above in a simple html file is works as expected in IE. </p>
  
  <p>My theory is that WSS is messing with the CSS somehow....</p>
  
  <p>Anybody know what or how to trace what is messing with the :hover selector?</p>