cià, vediamo di spiegare al meglio...

ho una serie di pulsanti resi "block" che devono avere tutti lo stesso colore di sfondo, devono diventare dello stesso colore :hover, ma devono avere tutti oltre al colore (ripeto uguale per tutti) anche un'immagine di sfondo (un rettangolino colorato) diverso per ogni pulsante...

la struttura html dei pulsanti è:
codice:
<div id="nav">
<ul>
<li class="titolo"><a id="titolo_uno">PRIMO PULSANTE</a>
<li class="titolo"><a id="titolo_due">SECONDO PULSANTE</a>
...[/list]
mentre nel css
codice:
div#nav a{
display:block;
}
div#nav .titolo a{
color: #fff;
background-color:#f00;
}
div#nav .titolo a:hover{
background-color:#0f0;
}
div#nav a#titolo_uno{
background:url(img/rettangolo1.gif) top left no-repeat;
}
div#nav a#titolo_due{
background:url(img/rettangolo2.gif) top left no-repeat;
}
vedo bene l'immagine di sfondo, ma i colori non vanno...
devo specificare i colori per ogni #titolo_n? no vero?