title: :hover ignored over margin
body: <p>Strange hover problem in IE8 &amp; 10, about which I can't find anything...  Surely, I'm not the first to stumble upon it?</p>
  
  <p><a href="http://jsfiddle.net/bgSY8/" rel="nofollow">jsFiddle</a></p>
  
  <pre><code>HTML:
  &lt;a href="#"&gt;&lt;img style="border:0" src="image.png"&gt;Text&lt;/a&gt;
  
  CSS:
  a {border:1px solid silver}
  a img {margin-right:30px}
  a:hover {border:1px solid red}
  </code></pre>
  
  <p>In IE, when I hover the mouse over the image or the text, the border changes to red as expected, but when I move the mouse over the space caused by the <code>margin-right</code>, the border returns to gray.</p>
  
  <p>In Firefox, the border always stays red wherever the mouse is over the <code>&lt;a&gt;</code>.</p>
  
  <p>Since the problem is reproducible on jsFiddle, it's not caused by a bad <code>&lt;DOCTYPE&gt;</code>...</p>