Hola
Gaby_Corr:
Tienes puesto el estilo list-style-image en el
li, al no tener aplicado este estilo en el elemento
a, no hay manera de alterarlo en los estados hover o active.
Igual te funciona esta solución:
Código:
ul li.cat{
list-style-type: none;
margin-left: 25px;
margin-top: 8px;
padding-top: -8px;
vertical-align: text-top;
font-size: 12px;
font-weight: bold;
color:#000033;
width:200px;
}
ul li.cat a:link{
color:#000033;
vertical-align:top;
background: url(images/bullet_off.gif) no-repeat left;
padding-left:5px;
}
ul li.cat a:visited {
color: #000033;
}
ul li.cat a:hover {
background: url(images/bullet_on.gif) no-repeat left;
}
ul li.cat a:active {
margin-top: 8px;
background: url(images/bullet_on.gif) no-repeat left;
color:#FF3300;
}
Espero que te sirva.
Saludos