CSS Crossbrowser: IE vs Firefox

[newbobotime]

Ciao Raga,
Premetto che ho già letto un pò di articoli sul CSS Crossbrowser, ma alla fine mi sono arreso e quindi scrivo sul mio forum preferito.

Ho voluto creare un semplice form per il login utilizzando esclusivamente i div e css
Il problema è che su IE funziona ma su Firefox i campi degli input inseriti anch'essi in due div non rimangono allineati, mi aiutate per favore ?!

questo il foglio css

/* CSS Document */

body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #666;
	text-decoration: none;
}


#login {
	width: 472px;
	height:337px;
	background-image:url(../img/login.gif); /*gif dell'intero riquadro del login */
	margin-top:100px;
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	padding-right: 10px;
	padding-left: 10px;
}

#alert {
	position:absolute;
	width: 440px;
	z-index: 25;
	text-align:center;
	margin-top: 120px;
	margin-left: 16px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #F00;
	text-decoration: none;
	visibility: visible;
}

#User {
	width: 80px;
	height:15px;
	position: absolute;
	z-index: 10;
	text-align: right;
	margin-top: 170px;
	margin-left: 65px;
	line-height: 15px;
}
#inputUser {
	width: 150px;
	margin-left: 2px;
	text-align: left;
	z-index: 30;
	position: absolute;
}

#Pass {
	width: 80px;
	height:15px;
	position: absolute;
	margin-top: 195px;
	margin-left: 65px;
	text-align: right;
	z-index: 20;
	line-height: 15px;
}

#inputPass{
	width: 150px;
	margin-left: 2px;
	text-align: left;
	position: absolute;
}


#PosizPulsante{
	width: 80px;
	position: absolute;
	margin-top: 193px;
	margin-left: 320px;
	z-index: 50;
}

.pulsante {
	height: 22px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	color: #333;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
}
.fieldInput {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 15px;
	font-weight: normal;
	font-variant: normal;
	color: #F60;
	text-decoration: none;
	height: 15px;
	width: 150px;
	text-indent: 4px;
}

e questi sono i div

<div id="login">
<form action="autenticazione.php" method="post">
<div id="User">Username<div id="inputUser"><input name="userid" type="text" class="fieldInput"  id="userid" value="<?php echo $userid ?>"/></div></div>
<div id="Pass">Password<div id="inputPass"><input name="password" type="password" class="fieldInput" id="password" /></div></div>
<div id="PosizPulsante"><label><input name="submit"  class="pulsante" type="submit" id="submit" value="Login" /></label></div>
<div id="alert" ><?php echo $isValid; ?></div>
</form>
</div>

Grazie




.

[newbobotime]

Nessuno ?