я пытаюсь стилизовать мои кнопки формы, и яу меня проблема в Firefox, что я могудойти до сути ...

Я хочу, чтобы стиль определенно<a></a>с иs, чтобы выглядеть одинаково (у меня есть фоновое изображение кнопки, использующее технику раздвижных дверей, чтобы применить эффект наведения.)

Все это прекрасно работает, за исключением Firefox, текст ввода ввода немного ниже, чем должно быть. IE и Safari / Chrome работают нормально.

альтернативный текст http://blog.muonlab.com/wp-content/uploads/2009/11/b0rked-buttons.png

У кого-нибудь есть идеи?

Спасибо

    <a href="#" class="button btn-small-grey">« Back</a>
    


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