title: CSS conditional Comment not working
body: <p>I have a div that isn't lining up correctly in Chrome, IE and FF. Chrome needs a padding-left:40px; while IE and FF do not. I've been playing with if for a few hours and I know I'm missing something simple.
  This is what I've been trying:</p>
  
  <pre><code>&lt;!--[if !IE]&gt;--&gt;
  &lt;link href="non-ie.css" rel="stylesheet" type="text/css"&gt;
  &lt;!--&lt;![endif]--&gt;
  </code></pre>
  
  <p>I've also tried in the normal style.css:</p>
  
  <pre><code>&lt;!--[if !IE]--&gt; 
  #lower .expo {padding-left:40px;}
  &lt;!-- &lt;![endif]--&gt;
  </code></pre>
  
  <p>or 
       
      #lower .expo {width:400px; padding-top:40px; float:left;}
      </p>
  
  <p>I also tried this: </p>
  
  <pre><code>#lower .expo {width:400px; padding-left:40px; padding-top:40px; float:left;}
  &lt;!--[if gt IE 6]&gt; 
  #lower .expo {width:400px; padding-top:40px; float:left;}
  &lt;!-- &lt;![endif]--&gt;
  </code></pre>
  
  <p>Interestingly if I do this:</p>
  
  <pre><code>&lt;!--[if gt IE 6]&gt; 
  #lower .expo {width:400px; padding-top:40px; float:left;}
  &lt;![endif]--&gt;
  #lower .expo {width:400px; padding-left:40px; padding-top:40px; float:left;}
  </code></pre>
  
  <p>IE displays correct but not FF or Chrome. Its driving me crazy. I must be missing something simple but I've been looking at it too long.</p>