(css) a:hover

[Simoxxx]

Ho una tabella con una riga ed n colonna, ognuna contenente un link così definito dal css:

<table width="70%" border="1" align="center" >
<tr>
<td align="center" height="50" width="50">G</td>
<td align="center" height="50" width="50">C</td>
</tr>
</table>

a{
color:#0c223b;
text-decoration: none;
font-size: 12px;
font-weight: bold;
}
a:hover {
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
text-decoration: none;
background-color: transparent;
color: Blue;
}

Al passaggio del mouse c'è un cambio di colore e di dimensione, ma cè uno strano efffetto di spostamento di tutti gli altri link...come si può evitare, senza creare delle immagini a posto dei link?
thxx

[badaze]

Lo spostamento è normale visto che non usi le stesse font. Prova a mettere ....

a{
color:#0c223b;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 13px;
text-decoration: none;
font-weight: bold;
}