Вы можете удалить это дополнительное дополнение в Firefox, используя:
button::-moz-focus-inner {
border: 0;
padding: 0;
}
Вот хорошее объяснение Эрика Мейера о высоте линии, который, надеюсь, объясняет, почему вам нужно явно установить его как 50px: http://meyerweb.com/eric/thoughts/2008/05/06/line-height-abnormal/.
Вот несколько новых CSS, которые исправляют проблему с размером шрифта в IE:
button, a {
display: inline-block;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 10px 0;
padding: 0px;
height: 50px;
border-width: 0;
background-color: Red;
color: White;
font-family: sans-serif;
font-weight: normal;
font-size: inherit;
text-decoration: none;
line-height: 50px;
cursor: pointer;
font-size: 100%;
}
button {
#width:0px;
overflow: visible;
}
button::-moz-focus-inner {
border: 0;
padding: 0;
}