Parto subito dal codice:

css.css

#sfondotd {
background-color: #FFFFFF;
color: #333333;
text-align: center;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
#sfondotd:hover {
background-color: #333333;
color: #FFFFFF;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
}
#bordotable:hover {
background-color: #FF0000;
}

pagina.html (solo la parte interessata)

<table height="30" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#CCCCCC" id="bordotable">
<tr bgcolor="#FFFFFF">
<td width="100" id="sfondotd">home page</td>
<td width="100" id="sfondotd">link</td>
</tr>
</table>

Ho 2 problemi:

1. se uso firefox e mando il mouse su una cella questa cambia giustamente colore (background-color: #333333, con IE6 non succede, perché?

2. la parola "home page" nella prima cella della tabella è blu e sottolineata a causa del tag <a...>, ho provato con text-decoration:none; ma non cambia nulla, come faccio per far si che il testo sia color 333333 e quando vado sulla cela diventi FFFFFF come definito negli stili? (Il testo na cella senza link si comporta correttamente).

Ciao e grazie a chi mi darà una mano...