regola css per background

[remixe]

Ciao a tutti :-)))

dunque ho la seguente esigenza: sto usando un CMS il cui template fa uso esclusivo di XHTML CSS
(nel rispetto delle regole sull'accessibilità).
Ora...il mio problema è che non riesco ad applicare le regole css desiderate ad un <div> in particolare.
Vi digito per semplicità la parte di codice XHTML e all'interno vi evidenzio quella parte a cui desidero applicare la mia regola CSS.
Potreste suggerirmi gentilmente la sintassi esatta della regola?
forse non so sbaglio io ma ripeto non riesco a fargliela applicare. L'XHTML è:

<div id="contentarea2">
<a name="mainmenu"></a>
<div id="left">
<div class="moduletable">
<h3></h3>
<ul class="menu"><li class="item87">testo compresi links[/list]</div>

in questo XHTML io vorrei sostanzialmente applicare tramite CSS un colore di background #FF0000 contemporaneamente alla classe "moduletable" e alle classi "menu" ed "item87"..ripeto ho provato e riprovato ma non ci riesco. Mi potete aiutare?

Grazie anticipatamente

[ricman]

Così non va?

#moduletable, .menu, .item87 {background-color:#FF0000;}

[Sampei89]

Allora ti conviene creare un css esterno, ma questo credo che lo sapessi già...
Cmq la sintassi è questa:

Apllichi come sfondo il colore #FF0000:

body {background-color: #FF0000;}

Alla classe moduletable:

.moduletable {background-color: #FF0000;}

Infine alle classi menu e item87:

.menu ul li {background-color: #FF0000;}

Come vedi non c'è bisogno di apllicarla anche a item87, si apllicherà automaticamente, se questo non dovesse avvenire prova a scrivere questo ulteriore codice:

.item87 li {background-color: #FF0000;}

Facci sapere!!

[remixe]

WOWWWWWWWWWWWW!!!!!!!!!!!!!!!!

grazie AMICI siete stati preziosissimi. sono riuscito a risolvere e creare colori di background diversi per ogni blocchetto di menù del mio template CMS....davvero grande...in tutto il web nessuno l'aveva mai fatto (beh.... adesso magari ho esagerato :-))))))))) )..comunque nessuno l'aveva pubblicato.

posto di seguito la regola esatta che ho applicato:

#left .moduletable ul li ,#left.moduletable ul li {
background:#003300;
color:#000000;
font-weight:normal;
text-decoration:underline;
}

#left .moduletable h3 {background-color: #003300;}
.menu ul li {background-color: #FF0000;}

ovviamente è sufficente aggiungere un suffisso a moduletable (esempio moduletable_pippo) e a menu ( esempio menu_archimede) e cambiare il colore e ottengo menu con colori diversi.

facile vero?...adesso che è risolto tutto!

GRAZIE ancora senza il vostro aiuto ed incoraggiamento non sarei riuscito o forse ci avrei messo più tempo.

a presto