[JavaScript][CSS][HTML]Selektor active nie wyświetla się w Internet Explorer Opcje

[Szunaj85]

Mam przyciski w css zmieniające swój wygląd w zależności od statusu, czyli neutralny, zaznaczony, wciśnięty (w css hover, active).
Mam problem z selektorem :active. Gdy we wszystkich przeglądarkach ładnie działa oczywiście w Internet Explorer nie. I nie mam tu na mysli Internet Explorer 6, ale o wiele nowszą wersję.
Choć teoretycznie selektorem :active powinien działać, coś powoduje, że nie działa. Wydaje mi się, że któryś ze znaczników blokuje jego prawidłowe działanie. Proszę o pomoc jak mogę rozwiązać problem w pierwszej kolejności css, później JavaScript.

[HTML] pobierz, plaintext 
<ul>
<li><a href="strona.html"><em><b>Strona główna</b></em></a></li> 
<li><a href="podstrona_1.html"><em><b>Podstrona 1</b></em></a></li>
<li><a href="podstrona_2.html"><em><b>Podstrona 2</b></em></a></li>
</ul>
[HTML] pobierz, plaintext 

[CSS] pobierz, plaintext 
#header .box ul li a:hover { background:url(images/active.gif) left top repeat-x;}
#header .box ul li a:active { background:url(images/active.gif) left top repeat-x;}
[CSS] pobierz, plaintext 

[trueblue]

Przetesowane w IE9, działa.