IE8: nth-child и: before

Вот мой CSS:

#nav-primary ul li:nth-child(1) a:after { }

Теперь работает везде (используется this на моем веб-сайте), кроме Internet Explorer 8 ...

Есть ли способ использовать nth-ребенок в IE8? Это худшая версия этого браузера ... ничего не работает должным образом, и я не могу найти способ исправить это.

@edit: Упрощенная версия того, чего я хочу достичь: http://jsfiddle.net/LvvNL/ . Это только начало. CSS будет более сложным, поэтому мне нужно иметь возможность нацеливать каждую из этих ссылок. Надеюсь, добавление классов к каждой ссылке - не единственный способ

@ edit2: Я только что заметил, что

#nav-primary ul li:nth-child(1) a {
    border-top: 5px solid #144201;
}

действительно работает в IE8! Но это:

#nav-primary ul li:nth-child(1) a:after {
    content: "Text";
    display: block;
    font-weight: normal;
    padding-top: 5px;
    font-size: 12px;
    color: #666;
}

НЕ работает. Так что же происходит?