Hola buenas..
Despues de hacer mil y una pruebas he llegado a una prueba que el navegador se me queda clavado y no se porque es esa la forma de hacerlo (lo digo porque no me lo puede poner tan facil IE),supongo que habra algo que se contradice y vuelvo loco al navegador o algo asi,aqui os dejo codigo:
Código:
<html>
<style type="text/css">
#navegacion ul li {
_iehack1: expression(this.onmouseover = new Function("_iehack=this.className;this.className+=' hover';"));
_iehack2: expression(this.onmouseout = new Function("this.className=_iehack;"));
}
#navegacion ul {
position:absolute;
left:0;
top:260px;
list-style:none;
margin-left:5px;
margin-top: 20px;
font-size: 12px;
font-family:Verdana,Arial;
font-weight:bold;
padding: 0px 0px 0px 0px;
width:146px;
height:287px;
border:1px solid #a53323;
}
#navegacion ul li{
background-image: url(imagenes/ico.png);
padding-left: 0px;
padding-top: 7px;
border-bottom:1px solid #a53323;
border-top:8px solid #ff4f37;
width:146px;
height: 20px;
text-align: center;
}
#navegacion ul li.hover{
background-image: url(imagenes/ico.png);
margin-left:15px;
padding-left:15px;
padding-top: 7px;
border:2px solid #fd5f21;
border-top:8px double #fd5f21;
width:146px;
height: 20px;
text-align: left;
}
#navegacion a{
color: #5c0803;
text-decoration: none;
}
#navegacion ul li.hover a{
color: #5c0803;
}
#navegacion ul li.hover a.hover{
color: #f59601 ;
border: none;
}
#navegacion ul li.hover a:active{
font-size: 13px;
}
</style>
<body>
<div id="navegacion">
<ul>
<li><a href="#">Link 1.1</a></li>
<li><a href="#">Link 1.2</a></li>
<li><a href="#">Link 1.3</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 2.1</a></li>
<li><a href="#">Link 2.2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
</ul>
</div>
</body>
</html>
Esta forma de hacerlo es diferente a la que puse primera,pero es que es lo que e encontrado (es en CSS,lo siento por vovler loco a los moderadores,pero es que me da igual como hacerlo mientras se realize el :hover),bueno espero me ayuden...
Ahora al cargar,me carga..pero el cursor del raton no para de parpadear de estado normal a estado "pensando"(el reloj de arena) y cuando pongo el cursor encima de un elemento li se me "clava" el navegador..
Un saludo y gracias!!