Salve a tutti, sto realizzando un piccolo sito www.eda-gg.it ma sto avendo innumerevoli problemi con internet explorer.
Infatti se il sito che ho scritto viene visualizzato con Safari, Mozilla, Chrome sia su Mac che su Windows funziona bene, se invece lo apro con Internet Explorer mi da una marea di problemi di posizionamento degli elementi.
Vi mostro il codice css per tutti i browser:

codice:
body{
font-family: Arial, Helvetica, sans-serif;
}

#lingua{
	float:left;
	width: 30%;
	color: #fff;
	margin-top: 10px;
	margin-left: 70%;
	text-align:right;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
		font-size:13px;
	
	
}

#area_riservata{
	float:left;
	width: 13%;
	color: #fff;
	margin-top: 5px;
	margin-left: 87%;
	padding-top:5px;
	padding-bottom:5px;
	padding-right: 5px;
	text-align:right;
	font-size:13px;
	background: #ff6400;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	
	
	
}

#contenuto{
	
	width:450px;
	color: #fff;
	height:470px;
	background-color:rgba(0,0,0,0.6);
	margin-left:-8px;	
	margin-top:-8px;
	border-bottom-right-radius: 10px;
	font-family: Arial, Helvetica, sans-serif;
	
	
}

#scritta{

font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
padding-left: 190px;
padding-top: 5%;
/*padding-bottom: 20%;*/
line-height: 25px;
font-weight: bold;


}

#subtitle{
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 41%;
	margin-top: -4%;
	color: #cecece;
	font-weight: bold;
	font-size: 7.8pt;
	
}

#logo{
	margin-left:40%;
	padding-top: 15%;
	
}

#crediti{
	font-size: 10px;
	padding-left: 180px;
	margin-top: 0%;
	padding-bottom: 3%;
	font-family: Arial;
	color: #fff;
}

#costruzione{
	
	float: right;
	margin-top: -30px;
	margin-right: 4%;
	color: #ff6400;
	font-weight: bold;
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;

}
In pratica su IE non riesco a visualizzare gli elementi #costruzione, #lingua e #area_riservata.
Quale potrebbe essere la soluzione?
Grazie!