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

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" />

  1. Lieber ripmav,

    .btnform

    {
    float: left;

    ...

    text-align: center;
    }

      
    was passiert, wenn Du dem Button ein "`display:block`{:.language-css}" oder "`display:inline-block`{:.language-css}" verleihst?  
      
    Liebe Grüße,  
      
    Felix Riesterer.
    
    -- 
    ie:% br:> fl:| va:) ls:[ fo:) rl:° n4:? de:> ss:| ch:? js:) mo:} zu:)
    
    1. Hallo,
      ich habe es gerade in allen möglichen Varianten mit display:block bzw display:inline-block ausprobiert, aber es ändert sich nichts :(
      Das Problem ist übrigens nur die vertikale Zentrierung, die Horizontale funktioniert!

      1. ich habe es gerade in allen möglichen Varianten mit display:block bzw display:inline-block ausprobiert, aber es ändert sich nichts :(
        Das Problem ist übrigens nur die vertikale Zentrierung, die Horizontale funktioniert!

        Verwende die Kombination von:
        font-size:12px; line-height:12px; padding:6px;

        mfg Beat

        --
        ><o(((°>           ><o(((°>
           <°)))o><                     ><o(((°>o
        Der Valigator leibt diese Fische
        1. Verwende die Kombination von:
          font-size:12px; line-height:12px; padding:6px;

          Das hat leider auch nicht funktioniert...
          Das gibts doch nicht?! Ich hätte nie gedacht, dass ausgerechnet der FF derart streikt.

          1. Verwende die Kombination von:
            font-size:12px; line-height:12px; padding:6px;

            Das hat leider auch nicht funktioniert...

            Dann hast du ein Unikat von einem FF.

            Das gibts doch nicht?! Ich hätte nie gedacht, dass ausgerechnet der FF derart streikt.

            tut er nicht.

            mfg Beat

            --
            ><o(((°>           ><o(((°>
               <°)))o><                     ><o(((°>o
            Der Valigator leibt diese Fische
            1. Dann mache ich wohl irgendetwas falsch. Bitte schreibe doch mal den gesamten HTML und CSS Code ins Forum, den du dazu verwendest.