Заполнение различий в элементе привязки и элементе ввода с одинаковым стилем

Question

У меня есть следующие элементы ввода и привязки:

<input type="submit" class="button" name="add" value="Button 1" />
<a class="button" href="cpanel.php">Button 2</a>

CSS:

 input, textarea, select, button 
 {font-size: 100%;font-family: inherit;margin:0;padding:0;}  

.button{
    border: 1px solid #9B9B9B;  
    background-color: #DADADA;
    padding: 0; 
    margin: 0 20px 5px 0;   
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;  
    cursor: pointer;
 }

Проблема в том, что Firefox показывает обе кнопки с разным заполнением:

Я использую код сброса CSS и определяю атрибут высоты строки в теле.

Спасибо.

Answer 1

попробовать:

input::-moz-focus-inner
{ 
    border: 0;
    padding: 0;
}