Aligner les menus déroulants

Bonjour.

J'ai un menu déroulant à 2 niveau, mais je n'arrive pas à centrer le div du menudans la page ni à mettre les sous-menus du niveau 1 sous leur menu ni à mettre les sous-menus de niveau 2 à coté du sous menus 1.

Merci d'avance si vous pouvez m'aider car je tourne en rond

J'ai oublié de mettre le code css

<style type="text/css">
<!--
/** {
margin:0px;
padding:0px;
/*background:#ffffff;*/
background:#ffffff;
text-align:center;*/

}
 
body{
	margin:0px;
	padding:0px;
	font-family:Tahoma;
	font-size: 80%;
	background:white;
}
.haut {
	width:1190px;
 	background:white;
	height:100px;
	font-size:12px;
	margin-left:auto;
	margin-right:auto;
}

centre la page et donne la largeur pour une basse résolution
.centrer {
	margin-left:auto;
	margin-right:auto;
	width:100%;
}
 
a {  
	color:#000000;
	text-decoration:none;
	text-transform:none;
}


/****************************/
/* 	début menu	déroulant	*/
/****************************/

#menu {
	width:912px;
	background: white;
	margin-left:auto;
	margin-right:auto;
	background: #3B4E77;
	margin:0 auto;
}

ul, li {
	list-style-type:none;
}
/*chaque sous-menu*/
#menu ul li{
	position:relative;
	float:left;
	margin:0 auto;
	width:120px;
	cursor:pointer;
	display:block;
	background-color:#3399ff;
	height:22px;
	border:1px solid #dddddd;
}


/*carré déroulant sous un sous-menu niveau 1*/
#menu ul li ul {
	display:none;
	position:absolute;
	width:120px;
	border:1px solid #dddddd;
	border-top:none;
	top:22px;
	left:0;
}
 
#menu ul li ul li {
	height:100%;
}
 
#menu ul li ul li a {
	background:#ffffff;
	color:#3399ff;
	font-size:12px;
	font-weight:normal;
	display:block;
	height:100%;
	border-top:1px solid #dddddd;
}
/*au passage de la souris on inverse les couleurs de la case*/
#menu li li a:hover {
	color:#ffffff;
	background:#3399ff;
}


 
/*décalage des sous-menu niveau 2 vers la droite
#menu ul li ul li ul {
	top:0px;
	left:120px;
}*/

/*décalage du sous-menu niveau 2 le plus à droite vers la gauche*/
#menu ul li ul li ul.dernier {

	left:120px;
}


.conteneur {
	width: 1184px;
/*width:95%;*/
	height: 720px;
	margin-left:auto;
	margin-right:auto;
	background-color:#3399ff;
	background-image:url(images/pelliculew2.jpg);
}
.frame {
	width: 75%;
	height: 550px;
	background-color: red;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	font-size:14px;
	
}
.bas {
	width: 75%;
	height: 50px;
	background-color:yellow;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	font-size:14px;
	
}
-->
</style>
</head>