cambiare immagine sui link

[Igreo]

[url="2.htm"][img]puls_2a.gif[/img][/url] 

Il problema è il seguente:
vorrei che IMG cambiasse in CSS hover!

Ho provato diverse soluzioni..
togliendo IMG e mettendo la classe con background url al link, ma non visualizzo nulla; soltanto se ho una IMG on un testo riesco a visualizzare un background!


Grazie per l'aiuto!!
A presto.

[Igreo]

Mi sembra di aver risolto in questa maniera.. confermatemi:

.puls1 {
    background-image: url("puls_1a.gif");
    height: 50px;
    width: 120px;
    display: block;
}    
.puls1:hover {
    background-image: url("puls_1.gif");
} 

Se non mettevo height, width e display.. nisba!! Giusto? C'è qualcosa di obsoleto?

Grazie

[codencode]

L'uso di display, width e height va bene.
Quello che si può migliorare è il caricamento dell'immagine.
Mi spiego. Tu utilizzi due immagini diverse, una per lo stato normale ed una per lo stato hover. Questo può generare sfarfallìo la prima volta che passi sul link perchè in quel momento avviene il download della seconda immagine che, in base alla velocità della rete e alla dimensione dell'immagine, potrebbe impiegare un certo tempo (seppur piccolo) con lo sgradevole effetto del non veder comparire istantaneamente l'mmagine hover.
La cosa si risolve creando un'unica immagine composta dalla prima affiancata in verticale o in orizzontale alla seconda; in pratica un'immagine con dimensioni doppie contenenti entrambi gli stati.
Supponiamo di avere le due immagini affiancate in verticale, con sopra quella dello stato normale e sotto quella dello stato hover.
A questo punto il codice diventa:

.puls1 {
    background: url("puls.gif") center top;
    height: 50px;
    width: 120px;
    display: block;
}    
.puls1:hover {
    background: url("puls.gif") center bottom;
}

[Igreo]

Però nasce spontanea una domanda:

Non c'è un modo per caricare le immagini in cache?

Sto cercando di trovare un metodo, am non riesco a facalizzarne uno in CSS e non Javascript!