a:hover que no funciona en FF y si en IE

[pilarsilla]

Hola gente!
Lo que quiero lograr (que si funciona en IE, no en FF ni Chrome) es que al pasar el ratón cambie la imagen del link.

Ya use varias opciones como darle ancho y alto, display:block, nose.. de todo.. a ver si me ayudan!


El CSS es

Código:

a.fb-btn{
	padding: 5px 10px;
	background: url(../images/header/headersuperior.png) 0 0 no-repeat;
}

a.fb-btn:hover{
	background: url(../images/header/headersuperior.png) 0 -26px no-repeat;
}

El html es

Código:

<a href="#" class="fb-btn"></a>

[GAST0N]

En El CSS
Pone asi

Código:

a.fb-btn{
        padding: 5px 10px;
	background-image:url(../images/header/headersuperior.png);
        background-repeat: no-repeat;
}

a.fb-btn:hover{
	 background-image:url(../images/header/headersuperior.png);
	 background-repeat: no-repeat;
}

[kalvinman]

me parece que no es necesario colocar la etiqueta cuando ya esta la clase.

Código CSS:

.fb-btn {
        padding: 5px 10px;
    background-image:url(../images/header/headersuperior.png);
        background-repeat: no-repeat;
}
 
.fb-btn:hover {
     background-image:url(../images/header/headersuperior.png);
     background-repeat: no-repeat;
}