title: Targeting IE 8 and Below?
body: <p>I have a script that runs great in IE 9+ and all other browsers. But in IE 8 or below there are visual errors. I can fix this visual errors by changing some animation effects for IE 8 and below. To do this I need to have two scripts on my page. One for IE 9+, Firefox, Chrome, Safari, and the other for IE 8 and below. </p>
  
  <p>Here is what I have tried: </p>
  
  <pre><code>// First the Script that runs for non-IE browsers. 
  &lt;!--[if !IE]&gt;
  &lt;script type="text/javascript"&gt;
  // Script that runs
  &lt;/script&gt;
  &lt;![endif]--&gt;
  
  // Now for the Script for IE 8
  &lt;!--[if lt IE 9]&gt;
  &lt;script type="text/javascript"&gt;
  // Script that runs
  &lt;/script&gt;
  &lt;![endif]--&gt;
  </code></pre>
  
  <p>First Question and the main one is when attempting this it doesn't seem to work. IE starts acting crazy and the script doesn't function proerply at all. If I remove the first script and leave the second one it works without issue. It would seem that the <code>&lt;!--[if !IE]&gt;&lt;!--&gt;</code> is not working correctly. </p>
  
  <p>Second Question: Using <code>&lt;!--[if !IE]&gt;&lt;!--&gt;</code> can I target only IE 8 and below? </p>