estilo cambia solo?? :S

[gus4no]

hola la verdar no supe ni como ponerle al tema y no supe si ponerlo aca o en javascript pero espero y me puedan ayudar.

estoy haciendo un pequeno reproductor de musica utilizando html5 y en la lista de musica cuando el cursor pasa por arriba cambio el color del fondo y el color de la letre

(lista:hover{background:#808080;color:white;})

cuando por default esta en

(lista{background:#ccc;color:##382D2C;}

ahora cuando la cancion esta sonando cambio el estilo usando javascript

(background:#81cad6;)

y cuando la cancion deja de sonar regreso el estilo al original

(lista{background:#ccc;color:##382D2C;}


ahora el problema viene cuando paso por encima de alguna cancion que ya se reprodujo (que de igual manera cambio su estilo de color) , la hoja de estilos ya no me respeta la regla que se activa en hover

(lista:hover{background:#808080;color:white;})

por lo que no se resalta ninguna cancion sobre la ccual este el cursor pienso que quiza es porque cambie las reglas usando javascript , pero no se si estoy en lo correcto!

si alguien sabe que es lo que esta pasando o si en realidad es un problema de javascript hacer nota para cambiar el tema de lugar , por cierto trate cambiar los estilos utilizando onmouseover y onmouseleave , pero son eventos que ya estoy utilizando para otras funciones.

[exxqizofrenicoo]

estaria mejor si nos ponemos todos los codigos para ver el error.
Saludos

[gus4no]

aqui estan los dos estilos que menciono , ambos corresponen al elemento lista

Código:

ol#canciones li
{
background:#ccc;
border-bottom:1px solid white;
padding:5px 0 5px 5px;
cursor:pointer;
font:10pt verdana,sans-serif;
color:#382D2C;
line-height:1.5em;
}


ol#canciones li:hover
{
color:white;
background:#656565;
}

y aqui esta la funcion que mando a llamar cuando cambia la cancion en el reproductor cuando la cancion esta tocando el flag cambia a 1 y cuando la cancion deja de reproducirse el flag cambia a 0 por lo que el estilo regresa al color de fondo anterior pero ya no me respeta el hover.

Código:

function resalta(elemento,flag)
{
var li=document.getElementById(elemento);
if(flag==0)
{
li.style.background="#ccc";
li.style.color="#382D2C";
}
else if(flag==1)
{
li.style.background="#81cad6";
li.style.color="#FFF";
}
}