line-height w background input

[Eldoka]

witam, mam nietypowy problem.

Mam background pewnego inputa (dla pokazania problemu zrobiłem szkic).

Problem występuje tylko na 1 komputerze. Dodam, że chodzi o przeglądarkę firefox. Na innych komputerach i tej samej przeglądarce wygląda dobrze. Jakby ta jedna przeglądarka nie widziała linijki w css:

line-height:30px;

i nasz problem:

html:

	  <div id="logowanie">
<input type="text" name="login" value="" />					
<input type="password" name="password" value="" />
   </div>

CSS:

#logowanie {
width:132px;
padding-top:40px;
padding-left:15px;
float:left;
}

#logowanie input{
width:132px;
height:30px;
background: url(glowna/input.png) no-repeat;
border:0;
margin:0px;
padding:0px;
outline:0;
font-size:15px;
line-height:30px;
padding-left:10px;
color:#686564;
}

[buggie]

Demo

Spakowane

Wyszło w sumie dobrze, ale jak wiadomo pod każdą przeglądarką nie będzie w 100% tak samo.

Sprawdzałem pod FF, Chrome, IE6,7,8 i było w miarę ok.

Pozdrawiam

[Eldoka]

odkryłem, że firefox w wersji niższej od 3.6 (aktualnej) ma udokumentowanego buga z tym związanym.

[misieq]

problem mozna spróbować rozwiązać w taki sposób:

.selektor_inputa{

font-size:11px;

line-height:11px;

padding: 10px 0;

}