Riprendo questo post perché la mia necessità è solo quella di cambiare il colore della celletta al passaggio del mouse. Meglio usare "onmouseoever" di JS o agire tramite css?

<body class="bordercolor">
<table>
<tr><td class="menu">pagina 1</td>
...
</tr></table>

e il foglio css:
.bordercolor { background-image: ... ; }

.corpo { COLOR: #ffffff; }
.corpo:link { COLOR: #ffffff; }
.corpo:visited { COLOR: #ffffff;}
.corpo:hover { COLOR: #000000; background: Yellow ; }
.corpo:active {COLOR: #ff0000; }

.menu { background-color: #000000; }

Aggiungendo la riga in rosso modifico lo sfondo solo per il tratto sotto la scritta "pagina1" ma per modificare il colore dell'intera celletta ("menu") è meglio farlo con onmouseover o c'è modo di farlo senza usare JS agendo solo sui css?
Grazie