Probleme d'affichage sous IE 6 suite a une div en position negative

Bonjour,

Je suis en train de faire la refonte d'un site et je dois faire sortir l'animation principale de la page de 20px vers la gauche. Ainsi j'ai utilisé un left:-20px, aucun problème sous firefox, mais sous IE(6), les divs qui contiennent l'animation s'ecartent.

Site : www.directmeeting.com/test.php3

Css :

/* CSS Document */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#DFEC71;
	
}

a:link {
	color: #333333;
}
a:visited {
	color: #333333;
}
a:hover {
	color: #000000;
}

#page {
	top:23px;
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	line-height: 14px;
	text-align: left;
	visibility: visible;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 879px;
	height: auto;
	background-color: #FFFFFF;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-right-style: solid;
	border-right-width: 1px;
	border-left-style: solid;
	border-left-width: 1px;
	 }

#anim {
	width:899px;
	height:104px;
	position:relative;
	top:-23px;
	left:-20px;
}
#awmAnchor-menu {
	width:879px;
	height:28px;
	position:relative;
	background-color: #F3F3F3;
}

#gauche {
	width:123px;
	height:420px;
	float:left;
	color: #FFFFFF;
	background-image:url(IMG/bande_gauche.gif);
	padding-left: 10px;
	padding-top: 20px;
	padding-right:30px;
	background-repeat:no-repeat;
}

#texte-g {
	width:123px;
	height:240px;
	position:relative;
}

#milieu {
	float:left;
	width:478px;
	height:auto;
	padding-left:28px;
	padding-top:20px;
	padding-right:20px;
	}

#droite {
	float:left;
	width:190px;
	height:auto;
	}
	
#connect {
	position:relative;
	width:150px;
	height:85px;
	background-image:url(IMG/fondform.gif);
	line-height: 20px ;
	padding-top: 25px;
	padding-left:40px;
	background-repeat:no-repeat;
	}

#footer {
	position:relative;
	top:23px;
	width:879px;
	height:21px;
	margin-right: auto;
	margin-left: auto;
	padding-top:15px;
	background-image:url(IMG/bas2.gif);
	background-repeat:no-repeat;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	}
	
#centre {
	width:879px;
	height:auto;
	position:relative;
}

#bouton-g {
	position:relative;
	width:123px;
	height:auto;
	line-height:5px;
	}
	
.spacer {
	clear: both;
	height: 0.1px;
	overflow: hidden;	
}

Quelqu'un pourrait il me dire comment faire en sorte que ca n'arrive pas ?
Merci d'avance

Bab

Bonjour bababouitz,

Si j'ai bien compris, rajoute

margin-right: -20px;

à ta div #anim