CSS a:active no funciona

[juand210]

Buenas, tengo n problema con mi código css, por más que doy vueltas “a:active” no me funcina.

Hover funciona a la perfección, pero cuando le doy clic al botón y actualiza o abre la url vuelve a su estado normal.


Lo que quiero es que se mantenga en el fondo y color activo “azul” del link activo, pero cuando quito el cursor vuelve a gris, el color del link no activo.


El código css que estoy utilizando es el siguiente:

Código:

/*-------columna derecha---------*/

#rightcol ul li
{list-style:none; padding:0px 15px 0px 5px; position:relative;}

#rightcol ul li a
{
text-decoration:none;
padding-left:20px;
padding-top:5px;
background: url(../images/sidenavup.png) no-repeat left center;
display:block;
font: Arial, Helvetica, sans-serif;
color:#666666;
width:150px;
}
/*Sidenav Links*/
#rightcol ul li a:hover
{
text-decoration:none;
padding-left:20px;
padding-top:5px;
background:url(../images/sidenavover.png) no-repeat left center;
display:block;
font: Arial, Helvetica, sans-serif;
color:#0081BF;
}

#rightcol a:active {
text-decoration:none;
padding-left:30px;
padding-top:5px;
padding-bottom:3px;
background: url(../images/sidenavover.png) no-repeat 0px 5px;
border-bottom: 1px solid #cacaca;
display:block;
font: Arial, Helvetica, sans-serif;
color:#666666;
margin:0;
width:150px;
}

#rightcol a.mainlevel:active, #rightcol a.mainlevel-sidenav:active {
text-decoration:none;
padding-left:30px;
padding-top:5px;
padding-bottom:3px;
background:url(../images/sidenavover.png) no-repeat 0px 5px;
display:block;
font: Arial, Helvetica, sans-serif;
color:#0081BF;
width:150px;
}

#rightcol a.mainlevel#active_menu, #rightcol a.mainlevel-sidenav#active_menu-sidenav {
text-decoration:none;
padding-left:30px;
padding-top:1px;
padding-bottom:3px;
background:url(../images/sidenavover.png) no-repeat 0px 5px;
display:block;
font: Arial, Helvetica, sans-serif;
color:#0081BF;
}

#rightcol a.#active_menu:hover, #rightcol a.mainlevel-sidenav#active_menu-sidenav:hover {
text-decoration:none;
padding-left:10px;
padding-top:30px;
padding-bottom:3px;
background: url(../images/sidenavup.png) no-repeat 0px 5px;
border-bottom: 1px solid #cacaca;
display:block;
font: Arial, Helvetica, sans-serif;
color:#666666;
margin:0;
width:150px;

}

#rightcol .inside {
	width:209px;
	padding:0;
	margin:0px 30px 5px 30px;
	position: relative;
}

td#rightcol {
	width:200px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/modulefade2.png);
	background-repeat: no-repeat;
	background-position: left top;
}

td#rightshadow {
	background-image: url(../images/wrapright.png);
	background-repeat: repeat-y;
	background-position: right bottom;
	margin: 0px;
	padding: 0px;
	width: 5px;
	vertical-align: top;
}

Muchas gracias de antemano.