problemas com o a:active

Estou tentando utilizar essa parada, mas simplesmente não vai, onde estou errando? Segue meu codigo:

#nav ul{

 width:300px;
}

#nav, #nav li {

 list-style:none;
 float:left;
}

#nav li a {

 width:83px;
 height:46px;
 text-decoration:none;
 float:left;
}

#nav li a.home { background-image:url(img/menu_03.jpg); }
#nav li a:hover.home { background-image:url(img/menu_over_03.jpg); }
#nav li a:active.home { background-image:url(img/menu_over_03.jpg); }

E segue o HTML

<ul id="nav">
 <li><a class="home" href="index.php" title="Home"><span>Início</span></a></li>
</ul>