Tutoriel menu horizontal, pb affichage mozilla/IE

Bonjour à tous, et félicitations pour les tutoriels qui sont vraiment sympa à lire.
Je viens poster ici car depuis ce matin, j'essaye deséspérément de faire fonctionner le script du menu horizontal sous IE et Mozilla.
En faite, ça à l'air tout bête mais je rencontre pas mal de difficultés pour trouver d'où vient le problème, voici deux screenshoots pour que vous voyiez la différence:

Sous IE
http://aaarohhh.free.fr/upload/iecss.jpg



Sous Mozilla:
http://aaarohhh.free.fr/upload/mozillacss.jpg

C'est un petit décalage qui m'ennerve voilà !

ps: mon code CSS:

@charset "windows-1252"; 
/* Body */
#body {
background:#2E2D2E;
text-align: center;
padding: 0em;
}			
		
/* Body */

/* Liens */
a  {
	color:#DDD6CB; 
	text-decoration: none; 
	font-weight: bold; 
	font: 0.8em "Trebuchet MS", helvetica, sans-serif ;; 
}

a:hover {
	color:#FF8A00; 
	text-decoration: none; 
	font-weight: bold; 
	font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
}



a:active {
	color:#000000;
	text-decoration: none;
	background-color: #FFFFFF; 
	font-weight: bold; 
	font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
}
/* Liens */


/* Titre & sous-titres */
.title {
font: 1.5em "Trebuchet MS", helvetica, sans-serif ;
font-weight: bold;
color: #8598AE;
}

#footer {
	margin: 0 ;
	padding-right: 7px ;
	line-height: 30px ;
	text-align: right ;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
	color: #3C3C3C;
}
/* Titre & sous-titres */


/* Tableaux, colonnes, rangées... */
#top {
font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
vertical-align: top;
background: url('img/header.jpg');
width: 810px;
height: 175px;
}

.tables1 {
border :0;
border-collapse: collapse;
margin-left: -380px; 
margin-top: -345px; 
top: 50%; 
left: 50%; 
position: absolute;
}

td {
padding: 0em;
}

td#footertd {
width: 810px;
height: 40px;
vertical-align: center;
background: url('img/footer.jpg');
}
#spacer {

width: 810;
height: 20;
background: url('img/spacehead.jpg');
}

#conteneur_p1 {
padding-left: 5px ;
padding-right: 4px;
vertical-align: TOP;
text-align: center;
}

#conteneur_p2 {
width: 800px;
border: 0px;
background: url('img/bgc.jpg');
vertical-align: TOP;
text-align: left;
}
/* Tableaux, colonnes, rangées... */
  

/* Java*/
noJs{display: none;}
/* Java*/

/* Menu dynamique*/
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

dl {
width: 6em;
float: left;
margin: 0px;
}

#menu{/* placement du menu */
position: absolute; 
top: 157px;
left: 195;
z-index:100;
width: 100%; /* correction pour Opera */
height:0; /* bug IE */
} 

#menu dt { /* titres */
cursor: pointer;
margin: 0px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 0px;
}

#menu li {
 list-style-type: none;
 text-align: center;
}
#menu li a, #menu dt a { /* liens */
 color: #000;
 text-decoration: none;
 display: block;
 height: 100%;
 border: 0;
 font: 1em "Trebuchet MS", helvetica, sans-serif;
 font-weight: bold;
}
#menu li a:hover, #menu dt a:hover { /* liens survolés */
 background: #ECE2C8;
}

#menu dd {/* partie dynamique */
 width: 14em;
 border: 2px solid #F0E8DD;
 display:none;
 position: absolute;
 z-index: 100;
 background-image: url(img/bgmenu.jpg);
}
/* Menu dynamique*/

le problème est surtout que quand je change la fenêtre de taille, le menu ne bouge pas du milieu de l'écran et ne suit pas l'image, je ne sais pas ce qui va pas
Merci d'avance pour votre aide.
Modifié par neraul (05 May 2007 - 21:59)

problème résolu, il fallait centrer mon tableau avec margin-left: 0 auto;
margin-right: 0 auto; surtout.