Pulsanti troppo alti su Firefox

Question

Ho un problema esclusivo di Firefox. Sto cercando di abbinare link e pulsanti per guardare allo esattamente allo lo stesso. Su ogni browser ad eccezione di Firefox, funziona come desiderato. Su Firefox, l'altezza del contenuto del pulsante è di 18 pixel, rispetto ai 15 pixel del link. Su Chrome, Safari e Internet Explorer, sono entrambi di 15 pixel. Perchè è questo?

Here's a demo on jsFiddle del problema. Ecco il risultato che ottengo su Chrome:

ed ecco il risultato di Firefox:

Ho provato a cambiare manualmente l'altezza in CSS, ma che non tutto funziona e interrompe il layout su altri browser. L'impostazione -moz-appearance: none non fa nulla, ma poi di nuovo, di solito no.

Here's a full detail of my attempt, e per che cosa verrà utilizzato.

Qualcuno ha mai incontrato questo problema in passato? Come posso equalizzare l'altezza su tutti i browser?

Answer 1

Trovato un altro utente che ha usato questo:

input::-moz-focus-inner /*Remove button padding in FF*/ 
{ 
    border: 0; 
    padding: 0; 
} 

http://jsfiddle.net/MCAllinder/dehda/2/

Answer 2

ho trovato una soluzione completa e ha scritto su di esso qui:

http://davidwalsh.name/firefox-buttons

input::-moz-focus-inner { 
    border: 0; 
    padding: 0; 
    margin-top:-2px; 
    margin-bottom: -2px; 
} 

È necessario per modificare il margine superiore e il margine inferiore in modo che corrispondano al tuo altri pulsanti