a:active che non va

[francescocorr]

Salve a tutti, sto facendo un layout per un mio sito, ho scaricato un menù dai vari script js su html.
Ho modificato la grafica ma purtroppo adesso non riesco a modificare la parte dell'active link.

vi posto un pò di codice.


parte css

#navigation-block {
	float:left;
}
 
#hide {
	position:absolute;
	top:309px;
	left:186px;
}
 
ul#sliding-navigation
{
	list-style: none;
	font-size: 1em;
	margin: 30px 0;
	padding: 0;
}
 
ul#sliding-navigation li.sliding-element h3,
ul#sliding-navigation li.sliding-element a
{
	display: block;
	width: 150px;
	padding: 5px 18px;
	margin: 0;
	margin-bottom: 5px;
}
 
ul#sliding-navigation li.sliding-element h3
{
	color: #fff;
	/*background:#333 url(MenuAnimato/heading_bg.jpg) repeat-y;*/
	font-weight: normal;
}
 
ul#sliding-navigation li.sliding-element a
{
	color: #999;
	background:#222 repeat-y;
	border: 1px solid #1a1a1a;
	text-decoration: none;
}

ul#sliding-navigation li.sliding-element a:hover, a:active { color: #ffff66; }

pagina html

<div id="navigation-block">
    <ul id="sliding-navigation">
	

</p>
        <li class="sliding-element">Home Page  
        <li class="sliding-element">Web
        <li class="sliding-element"> Programmazione
        <li class="sliding-element">Contatti
        <li class="sliding-element">Curriculum Vitae [/list]
</div>

Funziona tutto tranne come dicevo la parte dell'active, se vado sul link lo colora di giallo, invece non mi segna il link in giallo quando sono nella pagina.


Dove sbaglio?

Francesco