title: HTML5 Boilerplate <head> script & Designing for mobile
body: <p>Recently I've come across HTML5 Boilerplate and love it! However there is one part of it I don't understand.</p>
  
  <pre><code>&lt;!--[if lt IE 7 ]&gt; &lt;html class="ie6"&gt; &lt;![endif]--&gt;
  &lt;!--[if IE 7 ]&gt;    &lt;html class="ie7"&gt; &lt;![endif]--&gt;
  &lt;!--[if IE 8 ]&gt;    &lt;html class="ie8"&gt; &lt;![endif]--&gt;
  &lt;!--[if IE 9 ]&gt;    &lt;html class="ie9"&gt; &lt;![endif]--&gt;
  &lt;!--[if (gt IE 9)|!(IE)]&gt;&lt;!--&gt; &lt;html class=""&gt; &lt;!--&lt;![endif]--&gt;
  </code></pre>
  
  <p>Paul Irish says that we can use this instead of Conditional stylesheets and CSS hacks. Does anyone have some experience in this as as many times as I read his blog about it I still can't get it to make sense.</p>
  
  <p>Right now I'm using CSS3 Media Queries however it's not working in IE at all and I'm just a lucky one and CSS3-mediaqueries.js file (or something like that) AND the respond.js file just don't work for me. So I decided that conditional comments or specific stylesheets were for me but I remembered about this setup yet really don't know how to use it.</p>
  
  <p>Any help is much appreciated!</p>