title: IE Uses Courier Font when "font-family: monospace" is used
body: <p>I have some (test) HTML like so:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  
  &lt;html lang="en"&gt;
  
  &lt;head&gt;
    &lt;title&gt;Test Monospace&lt;/title&gt;
    &lt;style&gt;
    tt { font-family: monospace; }
    &lt;/style&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
    &lt;h1&gt;Test Monospace&lt;/h1&gt;
    &lt;p&gt;This is normal text&lt;/p&gt;
    &lt;p&gt;&lt;tt&gt;This is monospaced text&lt;/tt&gt;&lt;/p&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>When I display this in IE the monospace text uses Courier New instead of the font I have configured in IE.  If I do nothing other than delete the <code>&lt;style&gt;...&lt;/style&gt;</code> block, it correctly uses the configured font.</p>
  
  <p>It only does this for IE, not FF or GC. IE 9 on Windows 7.</p>
  
  <p>It does this regardless of where the style's configured, including a separate stylesheet or using a style attribute.</p>
  
  <p>The real problem is that specifying the font-family and font-size is key to fixing the browser's problems with monospace text using the following styles:</p>
  
  <pre><code>/* monospaced sizes are horribly broken in browser default stylesheets */
  code, kbd, pre, samp, tt {
      font-family     : monospace,monospace; /* Chrome   (but note that this makes IE use "Courier New" for some strange reason, as does plain monospace.) */
      font-size       : 1em;                 /* Firefox, IE,Opera */
      }
  </code></pre>
  
  <p>Does anyone know how to stop IE from doing this?</p>