Benim form düğme stili için çalışıyorum ve altına alamıyorum Firefox içinde bir sorun yaşıyor

Stil <a />s <input type="submit" />aynı görünmesi için bazı (düğme arka plan görüntüsü, hover efekti uygulamak için kayan kapılar tekniği kullanıyorum.) istiyorum

Bu bütün büyük işler, Firefox, giriş metin olması gerekenden daha aşağı biraz daha düşük olduğunu göndermek dışında. IE ve Safari Chrome iyi çalışıyor/.

Herkes herhangi bir fikir var mı?

Teşekkürler

<div class="buttons">
    <a href="#" class="button btn-small-grey">« Back</a>
    <input type="submit" class="button btn-large-green" value="Save changes" />
</div>

.button
{
    cursor: pointer;
    border: 0;
    background-color: #fff;
    color: #fff;
    font-size: 1.4em;
    font-weight: bold;
    outline: 0;
    font-family: Arial, Verdana, Sans-Serif;
}

a.button
{
    display: block;
    float: left;
    text-align: center;
    text-decoration: none;
    padding: 5px 0 0 0;
    height: 22px;
    margin-right: 1em;
}

.btn-small-grey
{
    height: 27px;
    width: 96px;
    background-position: 0 -81px;
    background-image: url(/assets/images/buttons/buttons-small.gif);
}

.btn-large-green
{
    height: 27px;
    width: 175px;
    background-position: 0px -54px;
    background-image: url(/assets/images/buttons/buttons-large.gif);
}

Birkaç ay önce bu sorun çözümlenene çünkü bu yazı bulundu ve bugün tekrar baktım, ne yaptığımı hatırlamıyorum. Güzel. Css benim sonunda yer alan gözden geçirdikten sonra"". fix Web üzerinde bir yerde buldum çünkü benim yüzümden değil, ama umarım benim için olduğu kadar sizin için de yararlı olacaktır:

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

Bu yardımcı olur umarım.