Rollover con css

[memma43]

Salve a tutti,
avrei una domanda:
ho creato un layout con i div gestiti da css,
il menu della pagina è formato da un div che contiente i links in html e un immagine di sfondo richiamata dal seguente codice css:

div#menus{
background-image:url(imgs/sfondpermen.jpg);
}

vorrei creare un rollover di questa immagine di sfondo come posso fare?

Vi ringrazio!

[Mich_]

Per un rollover e` necessario un evento che lo fa partire (trigger).

Se vuoi una cosa "solo CSS", gli eventi possibili sono legati allo spostamento del cursore su un link.
Se invece vuoi che l'evento sia legato al click del mouse, e` necessario un minimo di JS (non a causa delle regole del CSS2, ma per l'implementazione che ne fanno alcuni browser).

Il codice CSS/JS necessario per il rollover dipende quindi dal trigger che vuoi.

[memma43]

Ti ringrazio per la risposta così celere Mitch,
da quello che mi dici quindi non è possibile creare un rollover semplicemente passando con il cursore su un div giusto?

[Mich_]

<p id="pippo">ciao - se mi tocchi divento rosso</p>

#pippo {
  background: #fff; 
  color: #000;
}
#pippo:hover {
  background: #f88;
  color: #000;
}

Funziona in FF e in altri browser moderni.
Non funziona in IE6 (non ricordo IE7).

<p id="pippo">ciao - se mi tocchi divento rosso</p>

#pippo a {
  background: #fff; 
  color: #000;
}
#pippo a:hover {
  background: #f88;
  color: #000;
}

Funziona anche in IE6