witam mam taki problem, napisalem taki kod

[HTML] pobierz, plaintext 
<a href="#" class="xbutton"> Odpowiedz </a>
[HTML] pobierz, plaintext 

ma on na celu po najechaniu myszka zminic tylko kolor obvramowania, i wszystko dziala jednak, nie dziala tak jakby 'font-size' przed najechaniem na button, poniewaz, niby jest przed i po najechaniu 11 px jednak przed najechaniem tekst jest wiekszy jaki moze byc powod tego

[HTML] pobierz, plaintext 
.xbutton {
border-radius: 5px;
font-weight:bold;
text-transform: capitalize;
border: 1px solid #C0C0C0;
background: transparent url(img/bg_button.png) repeat-x;
color: #333;
font-size:8px;
font-family: Helvetica;
padding: 3px 10px;
height: 35px;
}
 
.xbutton:hover {
border-radius: 5px;
font-weight:bold;
border: 1px solid #454545;
background: transparent url(img/bg_button.png) repeat-x;
color: #333;
font-size:11px;
font-family: Helvetica;
padding: 3px 10px;
height: 35px;
} 
[HTML] pobierz, plaintext 

Wypiłem wprawdzie kilka piwek grając z kumplami w fife ale dla mnie font-size:8px; nie jest równe font-size:11px;

to bylo juz z poprawkami, ale wlasnie chodzi o to ze przed najechaniem jest wiekszy, nawet gdybym dal tam wielkosc tekstu 1px to i tak przed najechaniem tekst byl by wikeszy niz 11px

Możesz pokazać gdzieś to online ?