Hover e link sobre célula de tabela no html

Galera, boa tarde.

Eu queria muito conseguir implementar algo simples em uma página html, via html direto ou CSS, de preferência por este último.

Note uma tabela 2x2 comum, como esta:

<table style="text-align: left; width: 100px;" border="1"
cellpadding="2" cellspacing="2">

 <tbody>
 <tr>
 <td>1</td>
 <td>2</td>
 </tr>
 <tr>
 <td>3</td>
 <td>4</td>
 </tr>
 </tbody>
</table>
  

Cujo conteúdo de cada célula, como os números 1, 2, 3 e 4 são links. Eu queria que, ao invés de fazer com que o link fosse o texto da célula, que o link fosse a célula <td> toda, então qualquer ponto de dentro da célula seria clicável. Gostaria também que, ao passar o cursor em cima da celula, que ela exibisse um efeito tipo "hover", mudando de cor, como o botão de login desta página:

http://www.torrent-damage.net/login.php

Como fazer?

Obrigado!