Botones demasiado altos en Firefox

Question

Tengo un problema exclusivo de Firefox. Estoy tratando de estilo enlaces y botones para mirar exactamente lo mismo. En todos los navegadores, excepto en Firefox, esto funciona como se desee. En Firefox, la altura del contenido del botón es de 18 píxeles, en comparación con 15 píxeles para el enlace. En Chrome, Safari e Internet Explorer, ambos tienen 15 píxeles de altura. ¿Por qué es esto?

Here's a demo on jsFiddle del problema. Aquí está el resultado me sale en Chrome:

y aquí está el resultado Firefox:

He intentado cambiar la altura manualmente en CSS, pero que no funciona en su totalidad y rompe el diseño en otros navegadores. La configuración -moz-appearance: none no hace nada, pero una vez más, generalmente no es así.

Here's a full detail of my attempt, también, y para qué se va a utilizar.

¿Alguien ha encontrado este problema antes? ¿Cómo puedo igualar la altura en todos los navegadores?

Answer 1

encontrado otro usuario que utiliza esto:

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

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

Answer 2

he encontrado una solución completa y escribió sobre ello aquí:

http://davidwalsh.name/firefox-buttons

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

Es necesario para modificar el margen superior e inferior del margen para que coincida con su otros botones