title: IE9 letter-spacing problem
body: <p>I have a page that renders ok, in FF (3x, 4x), Chrome, IE (6, 7, 8). </p>
  
  <p>When tested on IE9 the texts are wider. 
  Investigating the problem it appears that the text is actually rendered whith letters more spaciated than in other borwsers.</p>
  
  <p>When changed the letter spacing to -0.6px the texts was rendered ok, similar to other browsers. 
  Also when changed the render mode to "Compatibility view", the page looks just fine.</p>
  
  <p>Do you know what caused the change in the render mode?</p>
  
  <p>I "solved" the issue using the conditional comment, but I'm not very happy about it</p>
  
  <pre><code>&lt;!--[if IE 9]&gt;
  &lt;style&gt;
      * {letter-spacing: -0.6px;}
  &lt;/style&gt;
  &lt;![endif]--&gt;
  </code></pre>
  
  <p>Does any other methods exists to solve the problem?</p>
  
  <p><em>Edit</em></p>
  
  <p>I made a few screenshots on different machines and different browsers and the result can be seen <a href="https://i.stack.imgur.com/ardi8.jpg" rel="noreferrer">here</a></p>
  
  <p>As you can see, on different machines with different browsers the result is the same. The only one that renders differently is IE9 in standard mode. the source page is </p>
  
  <pre><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;meta http-equiv="content-type" content="text/html; charset=utf-8"&gt;
  &lt;title&gt;&lt;/title&gt;
  &lt;style type="text/css"&gt;
      body {margin:0;padding:0;}
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc semper.
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>