title: IE8 :nth-child and :before
body: <p>Here is my CSS:</p>
  
  <pre><code>#nav-primary ul li:nth-child(1) a:after { }
  </code></pre>
  
  <p>Works everywhere now (used <a href="http://code.google.com/p/ie7-js/" rel="noreferrer">this</a> on my website) except Internet Explorer 8...</p>
  
  <p>Is there possibly a way to use nth-child in IE8?
  This is the worst version of this browser... nothing works as it should and I can't find a way to fix it.</p>
  
  <p>@edit:
  Simplified version of what I want to achieve: <a href="http://jsfiddle.net/LvvNL/" rel="noreferrer">http://jsfiddle.net/LvvNL/</a>. Its just a start. CSS will be more complicated so I need to be able to aim every one of this links. Hope adding classes to every link is not the only way</p>
  
  <p>@edit2:
  I've just noticed that  </p>
  
  <pre><code>#nav-primary ul li:nth-child(1) a {
      border-top: 5px solid #144201;
  }
  </code></pre>
  
  <p>IS actually working in IE8! But this:</p>
  
  <pre><code>#nav-primary ul li:nth-child(1) a:after {
      content: "Text";
      display: block;
      font-weight: normal;
      padding-top: 5px;
      font-size: 12px;
      color: #666;
  }
  </code></pre>
  
  <p>is NOT working. So what is going on?</p>