Hola a TODOS! acá estoy tratando de hacer funcionar una botonera que al no tener la posibilidad de usar fuentes raras decidí hacerla con imágenes png transparentes. Este es el sitio:
www.cincomasdos.com.ar/DEMO2/index.html. (Solamente hice las imágenes para el boton de HOME, porque era solo una prueba).
El problema que tengo es que las imágenes son de 62x53 px ambas pero cuando el
hover la quiere "tapar" se posiciona en otro lugar.
El código html es el siguiente:
Código:
<li>img src="home.png" alt="homebtn" /></a></li>
y el css:
Código:
#buttons a:hover{
*/color:#FFCB22;
font-size:1.5em; ESTA COMENTADO PORQUE ANTES TENIA TEXTO
text-decoration:none;*/
background-image:url('home hover.png');
background-repeat:no-repeat;
}
Css completo:
www.cincomasdos.com.ar/DEMO2/ccslink1.css
Cómo soluciono esto?? Otro problema que tiene es que en Firefox aparece un recuadro en este caso azul que al tener el
hover se cambia a naranja. Le coloqué
border:0; pero no funcionó.
Muchas gracias desde ya y espero que me puedan dar una mano