Centrer menu

Bonjour,
Je cherche désespérément la réponse un peu partout, mais sans succès.
Je voudrais centrer mon menu dans ma page. Comment faire ?
Également, comment faire si je veux le positionner à un endroit précis de sorte à ce que tous les ordis le voit au même endroit ?
Dernière chose, si c'est possible, j'aimerais définir moi-même chaque case du menu. Comment faire ?
Merci.

Mon code HTML

<div id="menu">
	<ul>
		<li>
			<a href="#">Menu 1</a>
			<ul>
				<li>
					<a href="#">Sous menu 1</a>
				</li>
				<li>
					<a href="#">Sous menu 2</a>
				</li>
			</ul>
		</li>
		<li>
			<a href="#">Menu 2</a>
		</li>
		<li>
			<a href="#">Menu 3</a>
			<ul>
				<li>
					<a href="#">Sous menu 1</a>
				</li>
				<li>
					<a href="#">Sous menu 2</a>
					<ul>
						<li>
							<a href="#">Sous sous menu a</a>
						</li>
						<li>
							<a href="#">Sous sous menu b</a>
						</li>
					</ul>
				</li>
			</ul>
		</li>
		<li>
			<a href="#">Menu 4</a>
		</li>
		<li>
			<a href="#">Menu 5</a>
		</li>
		<li>
			<a href="#">Menu 6</a>
		</li>
		<li>
			<a href="#">Menu 7</a>
		</li>
	</ul>	
</div>

Mon code CSS

#menu ul {
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#menu li {
float: left;
margin: auto;
padding: 0;
background-color: blue;
}

#menu li a {
display: block;
color: black;
text-decoration: none;
padding: 5px 10px;
font-size: 16px;
line-height: 15px;
border-top: none;
border-left: none;
} 

#menu ul li a:hover {
color: #FFD700;
text-decoration: background: url(images/logo25.jpg) no-repeat top left, url(images/logo25.jpg) no-repeat top right;
} 

#menu ul li ul {
display: none;
}

#menu ul li:hover ul {
display: block;
}

#menu li:hover ul li {
float: none;
}

#menu li ul {
position: absolute;
}

#menu ul li ul li ul {
display: none;
}

#menu ul li ul li ul li{
display: none;
}

#menu ul li ul li:hover ul {
display: block;
position: absolute;
margin: -25px 0 0 110px;
}

#menu ul li ul li:hover ul li{
display:block;
}