title: IE and HTML5 doctype issues
body: <p>I'm using the great HTML5 boilerplate. It's a great project but I'm having some big issues rendering in IE 8 and 7 (possibly 8 but haven't tried yet)</p>
  
  <p>The files have the HTML5 doctype: </p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;head&gt;
  </code></pre>
  
  <p>But the problem is that having no full and ugly doctype like...</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 xmlns="http://www.w3.org/1999/xhtml"&gt;
  </code></pre>
  
  <p>I get all kind of rendering issues: centering by margin:auto doesn't work, heights, widths, martings and paddings all behave like crazy and all my layout is broken with just <code>&lt;!doctype&gt;</code> but if I switch to the old one, everything works great (well, not great, it's still IE, but as expected)</p>
  
  <p>HTML5 Boilerplate comes with Modernizer which I think should fix this but it's not working. From my "research" (Google) I found that IE enters in quirks mode width <code>&lt;!doctype&gt;</code>, so the question is...</p>
  
  <p><strong>Is there a way to prevent IE going into quirks mode with <code>&lt;!doctype&gt;</code>?</strong></p>
  
  <p>Or at least not to break margins, widths, paddings, etc?</p>
  
  <p><strong>Edit:</strong> This is the full head:</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;!--[if lt IE 7]&gt; &lt;html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"&gt; &lt;![endif]--&gt;
  &lt;!--[if IE 7]&gt;    &lt;html class="no-js lt-ie9 lt-ie8" lang="en"&gt; &lt;![endif]--&gt;
  &lt;!--[if IE 8]&gt;    &lt;html class="no-js lt-ie9" lang="en"&gt; &lt;![endif]--&gt;
  &lt;!--[if gt IE 8]&gt;&lt;!--&gt; &lt;html class="no-js" lang="en"&gt; &lt;!--&lt;![endif]--&gt;
  &lt;head&gt;
    &lt;meta charset="utf-8"&gt;
  </code></pre>