Con i css puoi ottenere l'effetto rollover impostando un colore di sfondo (o un'immagine di sfondo) differente per lo stato normale e lo stato hover del link, e cambiando parallelamente il colore del testo. Un esempio:
codice:
#menu a {
display:block;
width:100px;
height:30px;
background-image:url(linkNormale.jpg);
color: #000; /* colore del testo del link */
}
#menu a:hover {
background-image:url(linkHover.jpg);
color: #fff; /* colore del testo del link */
}
anzicché due immagini puoi crearne solo una che racchiuda entrambi gli sfondi e impostarne porzioni diverse sul link (riprendendo l'esempio di sopra, in cui i collegamenti si considerano inseriti in un contenitore con id menu e di dimensioni di 100x30 pixel) l'immagine sarà composta da due parti:
_________
|sfondo 1 | larghezza 100 e altezza 30
|________|
|sfondo 2 | larghezza 100 e altezza 30
|________|
e sui diversi stati del link sarà impostata una delle due parti:
codice:
#menu a {
display:block;
width:100px;
height:30px;
background:url(immagine.jpg) 0 0;
}
#menu a:hover {
background-position: 0 -30px;
}