På hover hopper HTML'en på plads?

Jeg har en HTML-side med nogle knapper hist og her.

Når siden indlæses kan man se at den indlæses rigtigt, så hopper det hele lidt til venstre og bliver stående her (for langt mod venstre).
Når man holder musen over én af knapperne hopper det hele rigtigt på plads og bliver der.

Hvad søren kan det skyldes?

Her er koden bag knappen:

<div class="KnapLink"><a href="test.html" class="LinkNormalA">testKnap</a></div>

Her er css'en:

.KnapLink a {line-height: 19px; height: 19px;    background: transparent url('../images/buttons/small.png') repeat-x; color: white; white-space: nowrap; float: left; margin: 0px 5px; padding: 0px 9px; text-align: center; }
.KnapLink a:hover { background-position:0% -37px; }
.LinkNormalA{font-size:11px;font-weight:normal;color:#FFFFFF;text-decoration:none}
.KnapLink A.LinkNormalA {font-weight:normal;}

------

Nogen bud på, hvordan det går galt?