title: Conditional Styling in CSS
body: <p>For all I've read about it on the web, I've never got the hang of conditional CSS stylesheets.</p>
  
  <p>I have a div #logo-container, which I get nice and central using some CSS3. For IE8 and below, I need to specify a position for it, as it's partially off-screen.</p>
  
  <p>I have in my header:</p>
  
  <pre><code>&lt;!--[if lte IE 8]&gt;
  &lt;html class="ie8"&gt;
  &lt;![endif]--&gt;
  
  &lt;!-- [if gt IE 8]&gt;
  &lt;html&gt;
  &lt;!--&lt;![endif]--&gt;
  </code></pre>
  
  <p>... and in my stylesheet, I have:</p>
  
  <pre><code>#logo-container{
  ...CSS3 styling...
  }
  
  .ie8 #logo-container{
  ...new styling...
  }
  </code></pre>
  
  <p>But in IE Developer Tools, when I emulate IE8 the new styling doesn't take effect, although if I manually change it in the Styles panel it works.</p>
  
  <p>What have I not understood? Thanks!</p>