Hola mercedez, como estas? primero lo que veo a lo lejos es que tienes un parentesis al revés.
Código:
background-image: (../imagenes/flecha_anterior%20.gif( }
Por otro lado la manera de formular tu propiedad background no esta del todo correcta y completa.
Yo te aconsejaría algo como esto:
Código:
a.enlace span { padding: 0 30px; }
a.enlace:hover { background: url(../imagenes/flecha_anterior.gif)) no-repeat left center; }
a.enlace:hover span { background: url(../imagenes/flecha_anterior.gif)) no-repeat right center; }
Ahí lo que hice fué aplicar posición a las imagenes de fondo del link y del span, el primero a la izquierda-centro y segundo derecha-centro. Tambien eliminé el espacio que tenías al final del nombre de la imagen y que el programa que estas usando lo sustituyó por un %20. Tendrías que cambiar el nombre de la imagen a flecha_anterior.gif sin espacio antes del punto. Por otro lado como estas imagenes se van a ubicar a la izquierda y a la derecha de link y span sin ancho (el ancho es el del contenido) para que se vean las imagenes le di un padding: 0 30px osea 30px de cada lado del span con el texto. Las imagenes de background van a situarse en ese espacio.
Fijate si ahora te funciona y cualquier cosa me decis.
Saludos,
Pablo.