cambiar fondo de links al pasar el raton por encima

[Squizophrenia]

Código:

<table class="home">
          <tr>
            <td width="95" height="10" ><div id="home" class="homeposition" align="center

Digo yo, está en el primer mensaje. Ahora me he dado cuenta que ha cambiado el código. Probemos esto:

Código:

<div align="center">
<table class="home">
          <tr>
            <td width="95" height="10" ><a href="index.php">HOME</a></td>
            <td width="95" height="10"><a href="socios.php">SOCIOS</a></td>
            <td width="95" height="10"><a href="clientes.php">CLIENTES</a></td>
            <td width="95" height="10"><a href="nosotros.php">NOSOTROS</a></td>
            <td width="95" height="10"><a href="http://www.eodesk.com/blog">BLOG</a></td>
            <td width="95" height="10"><a href="soporte.php">SOPORTE</a></td>
            <td width="95" height="10"><a href="contactar.php">CONTACTAR</a></td>
          </tr>
        </table></div>

Y el css:

Código:

.home {
width: 674px;
text-align: center;
padding: 2px;}
.home td {
display: block;}
.home td:hover {
background-color: #color;}
.home td a{
display: block;}
.home td a:hover {
background-color: #color;}