Cambiar fondo de un enlace con A:link y A:hover

[goku_goku]

Código CSS:

div#menu A { text-decoration:none; display: block; background: url(imagenes/imagen1.gif); width:160px; height:14px; color:#ffffff; border:#ff0000 1px solid; font-size:9px; font-family:verdana;}
div#menu A:hover { background: url(imagenes/imagen2.gif); color:#ffff00; border:#ffff00 1px solid; font-size:9px; font-family:verdana;}
 

Veran lo que quiero es hacer que al pasar el mouse por encima del link, el fondo del boton cambie, pero el problema es que en lo que se carga la imagen se pone transparente y hasta que se carga aparece el fondo, y asi cadavez que paso el mouse pasa lo mismo aunque ya lo haya pasado una vez, lo que quiero es que directamente pase de una imagen a otra, osino, que no se ponga transparente sino que se quede la anterior hasta que se cargue la nueva, alguien tiene alguan idea?

[kseso?]

utiliza un sprite
Un ejemplo
Otro diferente

Un saludo

[goku_goku]

mmm aun no lo logro, esque al pasar el mouse el fondo se pone transparente y hasta despues el fondo real no se por que sera, lo que quiereo evitar es ese momento de transparencia cadaves que paso el mouse

[kseso?]

Para eso es la técnica del spite (implementado via css como fondo del enlace). Una vez cargado junto a la página, la transición se hace sin demoras. Sólo es cambiar el mismo archivo gráfico de posición.

Fíjate a ver si notas demoras en cualquiera de los dos ejemplos que te indico. Y eso que en el segundo enlace todos los gatos andan juntos (y sin peleas )

Un saludo

[goku_goku]

pues no se, en los ejemplos tarda en cargarse y se pone transparente, uso IE, pero voy a seguir buscando por que ya vi que en yahoo.com, usan sprites, y en donde dice correo, messenger etc. no se pone transparente el fondo

[goku_goku]

ya pude!! muchas gracias por tu comendacion ya logre algo parecido a lo que queria, solo tengo que aprender un poco mas de posicion de imagen y eso, tambien que bien que yahoo usa eso ja, gracias

upps perdon por los 2 msjs seguidos