ripmav: Text von Button im FF 3 nicht in der Mitte

Beitrag lesen

SELF-Forum

Text von Button im FF 3 nicht in der Mitte

ripmav
– Informationen zu den Bewertungsregeln

Hallo,
ich verwende das untenstehende CSS um einen Button nach meinen Wünschen anzupassen. Es funktioniert in den jeweils aktuellen Versionen von IE, Opera, Chrome und Safari.
Nur der Firefox macht es nicht so wie ich es will: Er zentriert den Text nicht vertikal. Ich habe bereits probiert, das per line-height oder per vertical-align auszugleichen, aber diese beiden Eigenschaften scheinen den FF nicht zu beeindrucken. Was tun?

CSS:

.btnform  
{  
	float: left;  
	font-family: Verdana;  
	font-size: 12px;  
	border: none;  
	background: transparent;  
	cursor: pointer;  
	width: 160px;  
	height: 24px;  
	text-align: center;  
	color: #CCC;  
	background-image: url('images/content.png');  
	background-position: 0px -77px;  
}  
  
.btnform:hover  
{  
	background-image: url('images/content.png');  
	background-position: -330px -77px;  
}

HTML:
<input type="submit" class="btnform" style="margin-left: 30px;" value="Login" />

Beitrag melden
–
Informationen zu den Bewertungsregeln