<form> Provare a visualizzarlo nello stesso modo

[daweb]

Ciao a tutti,
spero che questo post possa divenire utile anche ad altri.
Ho questo codice:

<form method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>">
<label for="f_nome">Nome</label>
<input name="f_nome" type="text" maxlength="255" />
<label for="f_email">E-mail</label>
<input name="f_email" type="text" maxlength="255" />
<label for="f_pwd">Password</label>
<input name="f_pwd" type="text" maxlength="255" />
<label for="f_pwd2">Conferma Password</label>
<input name="f_pwd2" type="text" maxlength="255" />
</form>

e questo css:

form {
margin:0;
padding:1em 1em;
}

label {
width:145px;
float:left;
}

input {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.1em;
height:16px;
text-indent:2px;
border:1px solid #666;
background:#f4f4f4;
color:#333;
float:left;
width:180px;

}

Allego le differenti visualizzazioni con IE e FF.
Posso chiedervi una mano per correggere. Ci sto provando da un po' ma non ne vengo fuori.
Ciao e grazie

[daweb]

FF

[daweb]

IE

[daweb]

Ho risolto, forse, in questo modo:

form {
margin:0;
padding:0 1em;
}

label {
width:125px;
float:left;
margin-top:3px;
}

input {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.1em;
height:16px;
text-indent:2px;
border:1px solid #666;
background:#f4f4f4;
color:#333;
float:left;
margin-right:100px;
margin-top:3px;
}

Ora la visualizzazione è molto molto simile.

[Balördög]

Grazie, bello.