Verschiebungen von Buttons bei IE7 vs. Firefox

[bklue]

Hallo,
habe da ein Problem:
In CSS definierie ich 2 Klassen
.hdubutton { font-family: Verdana, Arial, sans-serif; font-size:12px     font-weight:bold;background-color:#f0f0C0;
            border:4px outset #bebebe !important;  color:grey; height:25px; padding:0px;margin:0px; text-decoration:none;width:auto;}
und
.hdufrmbutton {font-family: Verdana, Arial, sans-serif; font-size:12px;font-weight:bold; background-color:#f0f0C0;
               border:4px outset #bebebe; color:grey; height:25px;padding:0; margin:0;text-decoration:none;width:auto;}

hdubutton soll für normale links gelten, gerufen mit
<a class="hdubutton" ...>Abbrechen</a>

hdufrmbutton für <input class="hdufrmbutton" type="submit" value="Sichern"..>

Egal, ob ich nun die beiden zusammen in eine Tabellenzeile stelle, oder
mit <div>...</div> ein einen Bereich, bei beiden Browsern ist der
<input.. -Button immer größer als der <a..-Button. Beim IE6, IE7 wird
der <a-Button auch noch tiefer gestellt und kleiner als der <input.. !
Durch position:relativ... bekomme ich zwar hin, dass beide Buttons auf
dem gleichen oberen "TOP" liegen, der IE schneidet mir aber den unteren
Rand ab.

Hat irgendjemand eine Idee? Muss ich die top's und heights via
javascript anpassen?

Gruß
BKLUE