rollover non funziona su IE

[zoom]

Ho un rollover semplice fatto così:

var lista = new Array("/img/cantinah.jpg","/img/contattah.jpg","/img/eventih.jpg","/img/homeh.jpg","/img/menuh.jpg","/img/saleh.jpg");
var preimm = new Array();
for(var i=0; i<lista.length; i++) {
preimm[i] = new Image();
preimm[i].src = lista[i];
}

Che deve precaricare le immagini dell'hover (effettuato via css con le immagini impostate come sfondo di un link)
Su FF funziona benissimo, IE invece ogni volta ricerca l'immagine in rete e quindi per un secondo rimane senza...
non riesco a capire cosa non gli piace... mi sembra tutto a posto
qualcuno riesce a darmi una mano a trovare il problema? :master:

[Xinod]

e' un' impostazione di default di IE, in pratica non ripesca dalla cache le immagini settate come sfondi nei css

a quel punto precaricare via javascript e' inutile (non le ripesca)

so che c' e' l' opzione x evitarlo, ma va impostata manualmente sul client

la soluzione a cui molti si affidano e' usare una sola immagine che contenga i vari stati affiancati e spostarla al passaggio o al click
puoi approfondire questa pratica nel forum sui css
ciao

[zoom]

grazie mille per la spiegazione...
guarderò come posso correggere allora...

[zoom]

allora...
spulciando in giro ho trovato il metodo che intendevi...
ho provato ad usarlo

#nav li a.cantina{
background-image: url(../img/cantina.gif);
background-repeat: no-repeat;
background-position: top left;
width: 76px;
height: 33px;
}
#nav li a.cantina:hover{
background-position: -76px;
}

ma su IE ci mette comunque tanto prima di fare il cambio di sfondo...
è normale o ho sbagliato qualcosa?
perchè su FF lo switch è immediato e non si nota nemmeno, su IE invece rimane fastidiosamente senza immagine per qualche istante...

[Xinod]

sinceramente non so, una prova che potresti fare e' rendere lo spostamento positivo,
cioe' facendo in modo che lo stato hover cominci da 76px,
quindi non si trovi "prima" dello stato normale