Ciao a tutti, sto cercando di impaginare per bene un form, utilizzando i CSS.
Non sono molto esperto e sto cercando di imparare.
Ho buttato giù due righe di codice:
codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento senza titolo</title>
<style type="text/css">
#form_mailinglist{

	padding:5px 0;
	margin:10px
}

#form_mailinglist fieldset{
	clear:both;
	width:600px;
	padding:0;
	border:none;
	border-top:#000000 1px solid
}

#form_mailinglist fieldset div{
	width:100%;
	margin-top:10px
}

#form_mailinglist fieldset legend{
	clear:right;
	font-size:120%;
	color:#000000
}

#form_mailinglist fieldset label{
	width:150px;
	text-align:rigth;
	float:left;
	margin:5px 0 0
}

#form_mailinglist fieldset div.nota_informativa{
	width:200px;
	background-color:#FF99CC;
	border:#000000 1px solid;
	float:right
}

#form_mailinglist div.nota_informativa h3{
	margin-top:0px;
	border-bottom:#333333 thin solid
}
</style>
</head>
<body>
<form method="post" name="form_mailinglist" id="form_mailinglist" align="right" style="width:600px">
	

* campi obbligatori</p>
	<fieldset>
	<div class="nota_informativa" id="nota_info">
		<h3>INFO:</h3>
		

Iscriviti alla nostra mailinglist, riceverai bla bla bla...blaaaaaaaaaaaaaaaaaaaaa</p>
	</div>
	<legend>MailingList Form</legend>
	<div>
		<label>Nome:</label><input name="nome" id="nome" type="text"/>
	</div>
	<div>
		<label>Cognome:</label><input name="cognome" id="cognome" type="text" />
	</div>
	<div>
		<label>E-Mail:</label><input name="email" id="email" type="text" />
	</div>

	<input name="submit" id="submit" type="submit" />
	</fieldset>
</form>
</body>
</html>
Il problema è che il DIV rosa delle informazioni con iexplorer viene visualizzato prima del form!!!
Quello che voglio io invece è solo metterlo alla destra del form, come infatti fa firefox.
Dove sbaglio?