title: Why isn't Modernizr working for me?
body: <p>I don't think modernizr likes me, can someone please tell me what i'm doing wrong. I can't seem to get modernizr to work on firefox, ie etc... I'm only using elements like header, footer and nav...</p>
  
  <p>This is my code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;!--[if lt IE 7 ]&gt; &lt;html class="ie ie6 lte9 lte8 lte7 no-js"&gt; &lt;![endif]--&gt;
  &lt;!--[if IE 7 ]&gt;    &lt;html class="ie ie7 lte9 lte8 lte7 no-js"&gt; &lt;![endif]--&gt;
  &lt;!--[if IE 8 ]&gt;    &lt;html class="ie ie8 lte9 lte8 no-js"&gt; &lt;![endif]--&gt;
  &lt;!--[if IE 9 ]&gt;    &lt;html class="ie ie9 lte9 no-js"&gt; &lt;![endif]--&gt;
  &lt;!--[if (gt IE 9)|!(IE)]&gt;&lt;!--&gt; &lt;html class="notie no-js"&gt; &lt;!--&lt;![endif]--&gt;
    &lt;head&gt;
      &lt;title&gt;&lt;/title&gt;
      &lt;meta name="description" content="" /&gt;
      &lt;link href="css/main.css" rel="stylesheet" type="text/css" /&gt; 
  
      &lt;script src="modernizr-2.0.6.min.js"&gt;&lt;/script&gt;
  
      &lt;script type="text/javascript" src="http://use.typekit.com/kmy1sfb.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript"&gt;try{Typekit.load();}catch(e){}&lt;/script&gt;
  
    &lt;/head&gt;
  </code></pre>
  
  <p>Checking firebug it outputs fine, I get all of the elements i'm supposed to but none of the elements are working...</p>
  
  <p>For example if I click header in firebug and edit the CSS height to 5000px it doesn't move, also the alignment etc isn't correct.</p>