Wenn du einen Button länger werden lässt, dann musst du das bei den Grafiken anpassen.
Der normale Button machst du einfach kleiner und dann arbeitest du mit no-repeat, also er soll sich nicht wiederholen und nur 1x dargestellt wird - somit entsteht Freiraum. Anschließend machst du den Hover so groß bzw. breit, dass er länger als der normale Button ist.
Wenn man nun über den Button rüberfährt, so wechselt er den Button mit dem anderen aus.
Gibt mehere Möglichkeiten, wenn man den gleichen Button benutzen will, so kann man auch mit width arbeiten
______________
Spendet jetzt für den User -Name entfernt - , damit er sich ein Duden kaufen kann, da seine Schreibkünste die einens 11-jährigen sehr stark ähneln.