Debería funcionar en Safari.
Qué es exactamente lo que sucede cuando lo probás con Safari?
Tal vez lo que este sucediendo es que la imagen de fondo al hacer el
hover este tardando en cargar y por eso no la hayas visto.
Si es eso te convendria hacer un Sprite. Eso es, poner las 2 imagenes en 1 misma. Una seguida de la otra (vertical u horizontalmente). Y al hacer
:hover simplemente cambias el
background-position
Por ejemplo:
Código:
.cinco a {
background: url(icon-sprite.png) no-repeat left top; (con left top posicionas la imagen de fondo en su vertice superior izquierdo)
}
.cinco a:hover {
background-position:left -35px; (35px es la altura que se debe "bajar" la imagen de fondo para "llegar" a la segunda imagen, con un valor negativo "bajas" y con un valor positivo "subis")
}
Practica un poco para ver como funciona. Suerte :)