title: How to get CSS hover event to trigger in IE when mouse is over text of input element?
body: <p>Using IE with the HTML below, I can't get the input's background to change to red if I hover my mouse immediately over the word "Test".  It does, however, change to red if I hover over the area to the right of the word "Test" but still within the bounds of the input element.  This doesn't happen in Firefox or Chrome.  What is the proper way to define my styles to get this to work correctly in IE?</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;title&gt;&lt;/title&gt;
      &lt;style type="text/css"&gt;
          input { border: 0px; margin:0; padding:0; }
          input:hover { background: red }
      &lt;/style&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;input type="text" value="Test" /&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>