CSS naum funca corretamente

Pessoal vou postar aki um exemplo do q está acontecendo, mas tb vou explicar, é o seguinte: tenho uma tabela com um link em cada celula mas apenas a primeura celula da tabela funciona corretamente, digo, se eu posicionar o cursor do mouse em qualquer parte da celula o link funcona, já nas outras o link só funciona se eu posicionar o cursor na palavra :blink:

o q pode estar acontecendo, deem uma olhada no código

<style>
a:hover
{

font-style: normal;
color: #FFFFFF;
background-color: #006600;
}

a.menu
{

display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;

background-color: #99CC99
}

</style>

<table width="100%" border="0" bgcolor="#339900" cellspacing="2" cellpadding="0">
 <tr align="center">
 <td>
 <a href="#" class=menu>Menu 1</a>
 </td>
 <td>
 <a href="#" class=menu>Menu 2</a>
 </td>
 <td>
 <a href="#" class=menu>Menu 3</a>
 </td>
 </tr>
</table>

Bem é isso ai ... espero que possam me ajudar http://forum.imasters.com.br/public/style_emoticons/default/joia.gif ... mais uma coisa os CSS's naum funcionam em Netscape, Fire Fox ou Opera? :unsure: