[CSS] problemi di visualizzazione con Explorer

Ciao a tutti!
Purtroppo oltre il 63% dei miei visitatori utilizza Explorer come browser, e questo mi porta notevoli problemi di visualizzazione del mio layout CSS, che sto modificando.

Allora, ecco la parte del codice del layout interessato:

/* layout pagina */

#container {
	width: 980px;
	overflow: visible;
	margin: 0 auto;
	border: 0px;
	padding: 0px;
	}
	
#mainBackground {
	position:absolute;
	width:252px;
	height:200px;
	z-index:1;
	top:0px;
	margin-left:50px;
	}
	
#cambiaStile {
	padding-right:30px;
	}
	
#menu {
	position:absolute;
	height: 135px;
	width: 980px;
	top: 110px;
	z-index:2;
}

#contenuto {
	width: 920px;
	height: auto;
	border: 2px solid #D9D9D9;
	background-color:#FFFFFF;
	margin-top: 200px;
	margin-left: 27px;
	margin-bottom: 10px;
	padding-top: 40px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
}

Sembra tutto semplice, naturalmente! E lo è in effetti.
Praticamente, tutto il sito è contenuto nel div #container per darne le impostazioni generali, poi è posizionato il #menu e sotto il #contenuto dove finiscono i veri e propri contenuti.

Ora, con Safari e Firefox tutto ok. Con Explorer invece il contenuto slitta in su: il #contenuto praticamente si attacca al bordo superiore del browser (invece di distanziarsi dal bordo superiore di 200px come descritto), e si visualizza poi il menu nella sua posizione corretta ma sovrapposto al contenuto... perchè diamine fa così?!? Ho ricontrollato 100 volte, ma non IE non dovrebbe comportarsi affatto così!!!

Grazie per l'aiuto, ragazzi!

[nrgjack]

anche a me sbordava con IE.

ho risolto cosi:

<!--[if IE ]>
<style type="text/css">
#main {width:898px!important;}
#testata {height: 91px!important;}
#titolo {height: 91px!important;}
</style>
<![endif]-->

in pratica ho allargato un pelo tutti i contenitori, non so se è per il padding o per margin diversi. ma cosi non ho piu problemi