problema con sprite CSS en IE

[KurozakiIchigo]

Hola amigos. en esta pagina: http://flezha.tk/web/index.html
uso rollover son sprites.

Lo uso en los 3 primeros divs menue block, al pasar encima el mause por este.
El mismo efecto con las redes de youtube, facebook y twitter.

En estas solo uso dos imagenes por lo que solo uso en background position top y bottom.

Pero en el boton SEND del pequeño formulario que tengo ahi, uso 4 imagenes (una solo es color naranja, esa no la uso)
Por lo que quedan 3.

top left para :link
top right para :hover
bottom left para :active

este en negritas es el que no me funciona en IE, ya que cuando le doy clic, no cambia.
En FF, Opera Chrome si me funcionan.

Una manita

[Portgaz]

no estoy seguro, creo que deberias agregar el !import para que en IE se posicione en bottom left

[cristian_cena]

Hola KurozakiIchigo, mira, yo siempre doy las posiciones en coordenadas al background-position y nunca tuve problemas.

Por ejemplo:

Código:

selector1, selector2, selectorN{
width:...;
height:...;
background:url('root/carpeta/imagen.xxx') no-repeat;
}

selector1{ background-position:0 0;}
selector1:hover{ background-position:0 -25px;}
selector2{ background-position:0 -50px;}
selectorN{ background-position:-25px -75px;}

/*donde el primer valor corre en el eje horizontal y el segundo valor en el eje vertical. Ejemplo: -10px -75px correría la imagen 10px hacia la derecha y 75px hacia abajo respecto de la esquina superior izquierda de la imagen.*/

Espero te sea de utilidad. Un saludo.

[KurozakiIchigo]

bueno, viendo tu codigo me surgio la duda de.
se le puede aplicar el pseudo-class :active a un input type submit ??

Por que es lo que uso.

input:link {} /* Como se mira normal */
input:hover {} /* al pasarle el mause */
input: active {} /* al presionar clic */

ya que como menciono, me funciona perfecto en safari, chrome, FF y Opera, pero en IE no!!!
sera por que elementos no LINKS, no soportan los pseudo-class active y visited ???

de cualquier manera intento tu respuest Cena, Gracias.