Hice un menú sencillo con css. cada boton al pasar el mouse camba la imagen de fondo. Funciona bárbaro en firefox, chrome y opera. Pero no así en IE...
Elevento hover si anda. Lo que no muestra es la imagen cuando no esta el mouse posicionado..
este es el codigo
Código:
saludos #menu{
width:162px;
margin: 0 0 0 0px;
padding:0 0 0 10px;
background-image:url(images/mnu_bod.png);
background-repeat:repeat-y;
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: uppercase;
float:left;
}
#menu ul, li {
padding:0;
list-style-type: none;
}
#menu li {
width:162px;
height:37px;
background-image:url(images/fdo_btn.png);
background-repeat:no-repeat;
}
#menu a {
width:120px;
height:31px;
padding:6px 0 0 42px;
text-decoration: none;
color: #FFFFFF;
display: block;
}
#menu a:hover {
background-image:url(images/fdo_btn-ov.png);
background-repeat:no-repeat;
}
