Al pasar el mouse que cambie de color un TD

[djkiku]

Hola, quisiera lograr el efecto, de que al pasar el mouse se cambie de color.. pero me esta costando.. estoy haciendo de esta manera css:

Código HTML:

.enlace {width: 300px; height: 300px; border: 2px solid #F0F0F0; background-color: #E1F9FF;  }
.enlace a {width: 100%; height: 100%; display: block; border: 1px solid #0000FF; background-color: #F7F7F7; }

.enlace:hover {
        background-color:#000000;
    }

Y HTML:

Código HTML:

<table width="620" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="215" align="center" valign="top" class="enlace"><a href=""><p>Portatil Sony i7 500GB 5GB </p>
      <p><img src="http://www.qualitypubli.com/imagenes/portatil.png" width="166" height="166" /></p></a>
    </td>
    <td width="405" align="center" valign="top" class="enlace"><a href=""></a></td>
  </tr>
  <tr>
    <td align="center" valign="top" class="enlace"><a href=""></a></td>
    <td align="center" valign="top" class="enlace"><a href=""></a></td>
  </tr>
  <tr>
    <td align="center" valign="top" class="enlace"><a href=""></a></td>
    <td align="center" valign="top" class="enlace"><a href=""></a></td>
  </tr>
</table> 

Me sale bastante churro... la verdad..

Si alguien me puede echar una mano, mega agradecido!! doy mas 1 a todos los comentarios!

[ArturoGallegos]

tu problema es que aplicas display:block y color de fondo a los enlaces, retira el color de fondo de estos y se solucionara tu problema.

un detalle estas colocando párrafos dentro de los enlaces y esto es invalido, el elemento <a> es de linea y <p> es de bloque, no puedes o no debes meter elementos de bloque dentro de uno de linea, debe ser al revés un elemento de linea dentro de uno de bloque

[djkiku]

Tomaaaaaaa :D Muchisimas gracias !!!!!!!!!!!!!!!!! Un efecto tan simple k haga un efecto tan bueno!!!

Gracias de nuevo por tu mini clase ! Lo valoro!