title: Inline img with <a> causes weird issue in IE
body: <p>Doctype:</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="iso-8859-1"?&gt;
  &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;a href="http://www.somelink.com"&gt;
      &lt;img src="images/someimage.jpg" alt="sometag" /&gt;
  &lt;/a&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>div.something img {
      display:            inline;
      border:         none;
  }
  </code></pre>
  
  <p>Firefox shows them just fine, IE just adds a little inlined box (presumably where it expects text to be?) with a purple-ish border that IE uses for visited links. It occurs in all versions (6, 7 and 8).</p>