Problème compatibilité Mozilla/IE DIV...

Bonjour,

Voici quelques temps que j'ai un problème que je n'arrive pas a résoudre.
Sous Firefox c'est nickel, mais sous IE, j'ai de gros soucis d'affichage.

Je vous laisse juger par vous même : http://www.flore-cq.fr .

Voici un bout de code qui pourrait poser problèmes :

#footer {
	background : url("footer.png")  top center no-repeat ;
	height : 160px;
	color : grey;

}

#footer a {
	text-decoration : none;
	color : grey;
}

#citation {
	text-align : left;
	float : left;
	margin-left : 50px;
	margin-top : 35px;
	width : 500px;
}

#copy {
	float : right;
	margin-top : 110px;
	margin-right : 50px;
	text-align : right;
	}

#footer2 {
	background : url("footer2.png") top center no-repeat ;
	height : 60px;
	padding : 0px 20px 0 0 ;
	margin : auto;
}

#menuDeroulant
{
	text-align : center;
	height: 21px;
	list-style-type: none;
	padding: 0;
	border: 0;
	position: absolute;
	top: 190px;
	left: 50%;
	margin-left: -380px;
	z-index: 1;
	
}

J'ai fait plusieurs essais, je me suis aperçu que dès que je retirais le div pour le MenuDeroulant, je n'avais pu de problème concernant mon header, IE n'aime peut-etre pas l'absolute ??
Cependant je n'ai trouvé aucune solution pour le footer !!
On dirait que IE duplique mon div et je vois pas du tout...

Merci de m'éclairer sur ce point svppp !!