Salve a tutti

sto creando un banale menù orizzontale utilizzando le celle di una tabella con i CSS. Come si fa a cambiare lo sfondo di tutta la cella e non solo dove c’è la scritta?

grazie

bgiordy


<tr>
<td class="menu">Home</td>
<td class="menu">menu 2</td>
<td class="menu">menu 3</td>
<td class="menu">menu 4</td>
</tr>


CSS

td.menu {
background-color: #FFE4B5;
text-align: center;
text-decoration: none;
font-family:arial;
font-size: 11px;
color: #000000;
}

td.menu a {
background-color: #FFE4B5;
text-align: center;
text-decoration: none;
font-family:arial;
font-size: 11px;
color: #000000;
}

td.menu a:hover {
color: Navy;
background: #AEBCE6;
}