Firefox ajoute 1px sur mon bouton de soumission

Question

Je suis en train de concevoir mon formulaire via CSS. Le problème est que j'ai besoin d'un bouton "standard" soumettre et d'un hyperlien stylisé comme un bouton avec CSS.

Mon CSS ressemble actuellement à ceci:

    form .buttons input[type=submit], form .buttons a { padding: 0; margin: 0; } 
    form .buttons input[type=submit], form .buttons a { font-family: Tahoma, sans-serif; font-size: 14px; text-decoration: none; font-weight: bold; color: #565656; }
    form .buttons input[type=submit] { border: 1px solid black; }
    form .buttons a { border: 1px solid black; }

Dans Firefox, j'ai le problème qu'il y a un marge de 1px ajoutée autour du bouton soumettre (comme vous pouvez le voir sur la capture d'écran).

Y a-t-il une solution pour résoudre ce problème?

Answer 1

input[type="submit"]::-moz-focus-inner { 
    border: 0px;
    padding: 0px;  
}

Answer 2

Essayez également "line-height: normal;" cela a également corrigé un bug dans IE.