pre cargar imagen

[marcvilap]

Buenas compañeros, tengo un pequeño problema a la hora de precargar una imagen. Tengo un menú realizado en CSS.

Este menú tiene dos imagenes: Una que pongo de fondo en el botón, de manera que cuando se pasa con el cursor por arriba aparece esta imagen y la otra aparece cuando paso por encima de un botón en concreto donde se muestra un desplegable ( la imagen hace de fondo de este desplegable).
El problema es que cuando paso por encima de este botoón, donde me tendrían que aparecer las dos imagenes ( cargadas de fondo) una me aparece antes que la otra. No se si me explico.

He probado con el script este:

<script>imagen = new Image(); imagen.src = "imagen.gif";</script>

pero no funciona.

Si alguien sabe porque puede ser, alguna alternativa o cualquier cosa que me ayude a comprender la situación se lo agradecería

Gracias por todo y un saludo