form login sbagliato in ie7

[liiuk78]

Ciao a tutti

di seguito il codice del mio form

<form method="post" action="login.php">
<div class="login">
<label class="labelLog">Login</label>
<input name="username" type="text" id="username" />
<label class="labelPass">Password</label>
<input name="password" type="password" id="password" />
<input type="image" class="ok" src="images/ok.jpg" value="ok"/>
</div>
</form>

e queste sono le classi del css

.login
{
display: inline;
clear:none;
float:left;
width:150px;
padding:9px;
}

.labelLog
{
float: right;
padding-right: 4px;
}

.labelPass
{
float: right;
padding-right: 4px;
padding-top: 5px;
}

.ok
{
float: right;
padding-right: 4px;
padding-top: 5px;
}


Ora il punto è che con mozilla si vede perfettamente, mentre con ie7 si vede disallineato e inoltre cosa molto strana l'input-text del login è piu grande di quello della pass nonstante io non abbia dato un size.
Qualcuno puo aiutarmi??


http://img379.imageshack.us/my.php?image=immaginefc1.jpg

 

[lukeonweb]

Con IE 6 si vede bene come con FF?

Comunque il link che pai postato mi ha fatto andare in crash IE 6

 

[liiuk78]

allora su ie6 non so come si vede perchè non ce l'ho e cmq mi hanno chiesto compatibilità con ie7 e ff, per quanto riguarda il link prova ad aprirlo con ff a me funziona, cmq cè solo un immagine dei due form nei diversi browser.. tanto per far capire meglio la situazione

 

[satifal]

Su IE6 gli input-text sono allineati e della stessa dimensione di quelli di FF, ma le label ed il pulsante, nonostante siano allineati tra loro, a differenza di FF sono leggermente più a sinistra rispetto la fine degli input-text.

 

[liiuk78]

Ok grazie. Idee su cosa possa essere a far visualizzare ad ie7 gli input in maniera diversa???

 

[onsitus]

Ciao,

niente di sbagliato con il css di sopra, sarebbe da vedere che altro è applicato alla form e immagine usate.