Buenas,
He estado haciendo mas pruebas y lo unico que consigo es que el estado estatico tenga los estilos del modo sobre..que falla??
Tengo un codigo de prueba que he creado separado de donde lo quiero usar(suelo hacer pruebas independientes para no liarme con el codigo):
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<title>Suckerfish Dropdowns - Perciformes!</title>
<script language="javascript">
sfHover = function() {
var sfEls = document.getElementById("nav").getElementsByTagName("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=" sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
</script>
<style type="text/css">
li{
background-color: red;
}
li:hover{
margin-left: 50px;
background-color: blue;
}
li.sfhover { background-color:blue; }
</style>
</head>
<body>
<ul>
<li class="sfhover">Que somos</li>
<li class="sfhover" >Que somos</li>
<li class="sfhover">Que somos</li>
</ul>
</body>
</html>
Un Saludo y graciass!!