Firefox thêm 1px vào nút gửi của tôi

Question

Tôi đang cố thiết kế biểu mẫu của mình qua CSS. Vấn đề là tôi cần một "tiêu chuẩn" gửi và một siêu liên kết được tạo kiểu như một nút với CSS.

CSS của tôi hiện trông như thế:

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; } 

Trong Firefox Tôi có vấn đề rằng có một lớp đệm 1px thêm xung quanh nút gửi (như bạn có thể nhìn thấy trên ảnh chụp màn hình).

Có một giải pháp làm thế nào tôi có thể giải quyết vấn đề này?

Answer 1

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

Answer 2

Hãy thử thêm "line-height: normal;" nó cũng sửa một lỗi trong IE.