[css] ignora alcune regole... perchè?

[skydrake]

Questa la situazione. Sto provando a fare una pagina con dei CSS. Sono novizio dei CSS.

nella pagina php ho questo codice per una tabella

<div class="boxsfumatogrigio"><div><div><div><div><div>
<table class="tabellaquesito">
<tr><td rowspan=5 class="cellaesitouno">PIPPO</td><td class="celladomandanormale"><b>PLUTO</b></td></tr>
<tr><td class="cellarispostasbagliata">PAPERINO</td></tr>
<tr><td class="cellarispostanormale">TOPOLINO</td></tr>
<tr><td class="cellarispostanormale">PAPEROGA</td></tr>
<tr><td class="cellarispostacorretta">ZIOPAPERONE </td></tr>
</table>
</div></div></div></div></div></div>

Ho allegato un foglio di stile con queste regole

.boxsfumatogrigio {background-color:#777; margin:2px; padding-left:1px; padding-top:1px; padding-right:1px; padding-bottom:1px;}
.boxsfumatogrigio>div {background-color:#888; margin:0px; padding-left:1px; padding-top:1px; padding-right:1px; padding-bottom:1px;}
.boxsfumatogrigio>div>div {background-color:#999; margin:0px; padding-left:1px; padding-top:1px; padding-right:1px; padding-bottom:1px;}
.boxsfumatogrigio>div>div>div {background-color:#aaa; margin:0px; padding-left:1px; padding-top:1px; padding-right:1px; padding-bottom:1px;}
.boxsfumatogrigio>div>div>div>div {background-color:#bbb; margin:0px; padding-left:1px; padding-top:1px; padding-right:1px; padding-bottom:1px;}
.boxsfumatogrigio>div>div>div>div>div {background-color:#ccc; margin:0px; padding-left:4px; padding-top:4px; padding-right:4px; padding-bottom:4px;}

table.tabellaquesito {width:755; border-style:solid; border-width:1px; border-color:#000000; padding:3px; border-collapse:collapse;}
table.tabellaquesito td {border-style:solid; border-width:1px; border-color:#000000; padding:3px;}
td.celladomandanormale {width:655;}
td.celladomandaesitozero {width:655; background-color:#DD5555;}
td.cellarispostanormale {width:625;}
td.cellarispostacorretta {width:625; background-color:#11CC11;}
td.cellarispostasbagliata {width:625; background-color:#BB2222;}
td.cellaesitonormale {width:100;}
td.cellaesitozero {width:100; background-color:#DD5555;}
td.cellaesitouno {width:100; background-color:#EE5555;}
td.cellaesitodue {width:100; background-color:#22DD22;}

Il "boxsfumatogrigio" lo applica bene.
Le regole per segnare la tabella, colorare le celle corrette e errate, la formattazione della tabella... tutto ignorato. Perchè? Cosa sbaglio?


EDIT:
trovato l'errore.
a quanto pare nei DIV le classi me le accetta definite tra virgolette, nei td e nelle tabelle no. Le ho tolte e tutto funziona.
Il quesito può dirsi risolto. Beh, se qualcuno mi spiega il perchè di questo sarebbe comunque una cosa gentile :)
Altrimenti moderatori archiviate pure :)