Originariamente inviato da Mich_
Per lo sfondo, dato che vuoi colori diversi devi specificarli per ogni oggetto; non ci scappi.

Di solito si preferisce dare sfondi al contenitore dell'<a>, dato che lo spazio occupato dall'<a> e` molto piccolo.

Se hai una serie di oggetti in cui devi dare una serie di caratteristiche comuni ed una caratteristica specifica, conviene fare una cosa del tipo:
<ogg class="cls" id="nome1">
<ogg class="cls" id="nome2">
<ogg class="cls" id="nome3">
...

e poi il CSS:
.cls {
caratteristiche comuni
}
#nome1 { caratteristica specifica }
#nome2 { caratteristica specifica }
#nome3 { caratteristica specifica }
...

Attenzione all'ordine. L'ultima caratteristica definita sovrascrive le altre, se gli identificatori si sovrappongono.
i colori sono gli stessi, diversi sono dei rettangoli che devono essere specifici della sezione; io per quello volevo applicare il colore a tutti, e solo il rettangolo specifico ad ogni pulsante...

seguendo il tuo consiglio (ma mi sa che non ho capito proprio tuttttttto ) ho provato a cambiare così

HTML:
codice:
<div id="nav">
<ul>[*]<a class="titolo" id="titolo_uno">PULSANTE UNO</a>[*]<a class="titolo" id="titolo_due">PULSANTE DUE</a>
...[/list]
</div>
e nel CSS
codice:
div#nav a{
display:block;
}
div#nav a.titolo{
color: #fff;
background-color:#f00;
}
div#nav a.titolo:hover{
background-color:#0f0;
}
div#nav #titolo_uno{
background:url(img/rettangolo1.gif) top left no-repeat;
}
div#nav #titolo_due{
background:url(img/rettangolo2.gif) top left no-repeat;
}
ma specificando un'immagine di background per l'a specifico, non prende i colori dell'a generico