Buttons verschieben sich im Firefox

[Manuel]

Hallo,
ich hab ein kleines Problem von dem ich in den Weiten des Webs nur die Frage aber nie eine passende Antwort gefunden habe :(
Ich hoffe Ihr könnt mir hier helfen.

Das Problem:
Ich hab mehrere Hover-Buttons per CSS erstellt. Im IE funktionieren diese einwandfrei. Jedoch im Firefox, verschiebt sich jeder Button, nachdem man ihn angeklickt hat, nach oben. Ich finde aber keinen Fehler:/

Hier der Link zur Seite:
www.greatest-hils.org

Hier der CSS-Code:
#nav  {  }
#nav ul { list-style:none; margin:0; padding:0 }
#nav li { margin:0; padding:0 }
html>body #nav a:link, #nav a:visited { height:auto }
#nav a:link, #nav a:visited    { background: url(Button2.jpg) no-repeat center; margin: 0px 0; padding: 12px; height: 0px; display: block; text-decoration:none }
#nav a:hover   { background: url(Button1.jpg) no-repeat center; margin: 0px 0; padding: 12px; height: 0px; display: block; text-decoration:none }

Ich hoffe Ihr könnt mir helfen!

Mit freundlichen Grüßen
Manuel