Ho utilizzato una tabella + css per avere un menu orizzontale.

Ho 2 problemi:

1) con IE il rollover non prende tutta la cella, ma rimane un margine vicino ai bordi.

2) con FF rimane sempre evidenziato il testo come fosse hover e l acella rimane normale.

Se potete darmi quelche dritta, grazie!


<table border="0" cellspacing="0" cellpadding="0" height="30" width="555">
<tr>
<td class="bgBottom">LINK</td>
<td width="3"></td>
<td class="bgBottom">LINK</td>
<td width="3"></td>
<td class="bgBottom">come va?</td>
<td width="3"></td>
<td class="bgBottom">LINK</td>
<td width="3"></td>
<td class="bgBottom">LINK</td>
</tr>
</table>


lo style è


.bgBottom { color:FFFFFF;
background-color:#00308F;
font-size:7pt;
font-family: bold Arial, Helvetica, sans-serif;
cursor:hand;
margin: 0;
padding: 0;
text-decoration: none;
text-align: center;
display:float;
width: 100;
height:100%;
line-height:1;
}

.bgBottom a:link {background-color:#95B1FF;text-decoration:none; display:float; width:100%}
.bgBottom a:visited {color: #FFFFFF; background-color:#00308F; text-decoration:none; display:float; width:100%; }
.bgBottom a:hover {background-color:#95B1FF;text-decoration:none; display:float; width:100%}