Io non sono bravo a leggere il codice, ma ad occhio così non capisco perchè hai definito il bordo due volte, l'ultima regola si impone sulla prima: ad esempio il primo bordo top si perde.
Poi non userei una tabella, se hai già un box definito, dichiarando una larghezza sei già a posto, i pulsanti si posizionano uno sotto l'altro. Se dichiari sull'a le caratteristiche dei link, poi non serve che le ripeti sull'hove, visited o active, altrimenti scrivi codice rindondante.
Quindi io riscriverei il codice così:
codice:
#sinistra table a {
text-decoration:none;
width: 150px;
height:20px;
display:block ;
color:#FFBF18;
font-family: verdana, helvetica, sans-serif;
font-size:10px;
line-height:20px;
padding:0 1em;
background-image:url(../images/bottone.jpg);
border-top:2px solid white;
border-left:2px solid white;
border-bottom: 2px solid black;
border-right:2px solid black;
}
}
#sinistra table a:hover {
color:#FFFF80;
background-image:url(../images/bottone2.jpg);
} Dovrebbe andare, semmai mi mandi uno zip....
