RollOver con CSS

[GoldEmish]

Ciao a tutti. Ho questo problema:
vorrei che al passaggio del mouse su un link cambiasse lo sfondo di una cella:

td.Menu{
	background-image:url(images/normal.jpg);
}
td.Menu a:hover{
	background-image:url(images/active.jpg);
}

Il mio problema è che lo sfondo viene cambiato al blocco <A> e non al <TD>. Come posso risolvere questo problema?
Grazie

[thomas_anderson]

Primo, togli quella tabella. Poi:

a {
display: block;
width: 150px;
margin: /* quello che vuoi */
padding: /* quello che vuoi, ma senza esagerare */
height: 30px;
background: url(images/normal.jpg);
text-decoration: none;
}
a:hover {
background: url(images/active.jpg);
text-decoration: underline;
}

NO-ALLE-TABELLE!

[GoldEmish]

guarda... apprezzo il tuo sforzo per farmi togliere le tabelle, ma sono già abbastanza in difficoltà quindi porta pazienza.
E' possibile far cambiar sfondo ad una cella quando il mouse passa sul link interno alla cella?

[thomas_anderson]

Ci sono due modi: uno con Javascript (per tutti i browser):

<td onmouseover="this.style.background='#eee'" onmouseout="this.style.background='#fff'"></td>

E uno usando la pseudo-classe E:hover (Mozilla, Opera, Firefox):

td:hover {
background: #eee;
color: #000;
}

Poi se all'interno c'è un link, la cosa è come te l'ho descritta poc'anzi.