Не отображается нормально кнопка. Мучаюсь уже с ней три года. Как задать высоту элементу button?

woonem.tk/system - кнопка button.
Стили нужно менять так, чтоб кнопки button в виде ссылок не испортились (woonem.tk/error - кнопочки) и чтоб в браузере Opera Mini 7 (J2ME), в Google Chrome (Android) и в Google Chrome (Windows) всё отображалось одинаково.

Вот стили и кнопки:

.button{
margin: 0;
margin-top: 1px;
border: 1px solid #08f;
background: #08f;
padding: 9px;
color: #fff !important;
text-decoration: none !important;
}

a[class="button"]{
line-height: 48px !important;
}

<a href="http://woonem.tk/" class="button">Перейти на главную</a>

<input type="submit" name="submit" class="button" value="Войти">

А то если убираешь line-height, то в опере становятся плоские кнопки, а простой padding не работает :(
И вообще меня достало, что всё, что связано с form ужасно не поддается стилизации. В W3C наверно жопой писали.