Hallo,
hätte zuerst mal auf anderes/fehlendes margin/padding im :hover-zustand getippt, aber das verwendest du ja kaum.
was aber auffällt:
.button span {
width: 26px;
height: 23px;
}
.button a span {
width: 26px;
height: 23px;
}diese breiten- und höhenangaben bleiben wirkungslos, weil du sie mit span auf ein non-replaced inline element anwendest (und dieses auch nicht positioniert wird).
ob's damit was zu tun haben könnte ...?
Ein Relikt meiner eigenen Suche. Nachdem ich es auskommentiert habe ist der Effekt immer noch da.
Grüße
Marcus