ciao !

dovrei fare un rollover su delle celle ma mi viene sballato... ovvero tutto scala di un pò in giù quando quando ci passo sopra con il muose .. come mai ?:

codice:
...
<style>
body {
	font-family : Arial;
	font-size: 2;
	font-style: normal;
	font-weight: normal;
}
a {
text-decoration:none;
}


.menu {
   position:relative; 
   display:block; 
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background-color: #cccccc;
	cursor: hand;
	font-size: 2;
}


</style>
</head>

<body>

<table border="0" width="100%">
  <tr>
    <td width="19%"></td>
    <td width="47%"></td>
    <td width="34%"></td>
  </tr>
  <tr>
    <td width="19%">
      <table border="0" width="100%">
        <tr>
          <td width="100%">
            <table border="0" width="100%" cellspacing="0" style="border-left: 1 solid #000000; border-right: 1 solid #000000" cellpadding="0">
              <tr>
                <td width="100%" align="center" style="border-top: 1 solid #000000; border-bottom: 1 solid #000000">
                  <p align="center"><font size="2">Menu</font></td>
              </tr>
              <tr>
                <td width="100%" align="center" onMouseOver="this.className='menu'" onMouseOut="this.className=''"><font size="2">Direttivo</font></td>
              </tr>
              <tr>
                <td width="100%" align="center" onMouseOver="this.className='menu'" onMouseOut="this.className=''"><font size="2">Dove siamo </font></td>
              </tr>
              <tr>
                <td width="100%" align="center" onMouseOver="this.className='menu'" onMouseOut="this.className=''"><font size="2">Corsi</font></td>
              </tr>
              <tr>
                <td width="100%" align="center" onMouseOver="this.className='menu'" onMouseOut="this.className=''"><font size="2">Regate</font></td>
              </tr>
              <tr>
                <td width="100%" align="center" onMouseOver="this.className='menu'" onMouseOut="this.className=''"><font size="2">Conatti</font></td>
              </tr>
              <tr>
                <td width="100%" align="center" onMouseOver="this.className='menu'" onMouseOut="this.className=''"><font size="2">Soci</font></td>
              </tr>
            </table>
          </td>
        </tr>

...
grazie