Probleme pour centrer une div en xhtml

<div id="menuvertical">
<!--Contenu de la barre horizontale-->
				
<ul class="ongletverti"><!--Navigation par onglets-->
					
<li class="active">home</li>
<li><a href="#">about</a></li>
<li><a href="#">tools</a></li>
<li><a href="#">tutos</a></li>
<li><a href="#">contact</a></li>
<li><a href="#">contact</a></li>
<li><a href="#">contact</a></li>
<li><a href="#">contact</a></li>
</ul></div>

div#menuvertical
{
	height:42px;
	
}

ul.ongletverti
{
	height: 42px;
	margin: 0 ;
	padding:0;
	list-style-type: none ; /*Suppression de tous les effets sur les listes*/
}

ul.ongletverti li
{
	float:left; /*Pour que les listes s'affichent horizontalement*/
	margin-right: 11px;/*Espace entre les onglets*/
	line-height: 32px;/* On définit la hauteur de la ligne d'écriture*/
	height:42px;
	text-align:center;/* Centrage du texte*/
	background: url("image/menuhorizonout.png") no-repeat; /* Image de fond de l'onglet en mode onmouseout*/
}

ul.ongletverti li.active /*Paramètres de l'onglet actif (avec la flèche en-dessous)*/
{
	width:120px;
	display: block;
	float:left;
	font-family: "Minion Pro", Perpetua, sans-serif, serif; /*Choix des polices de caractères*/
	font-weight: bold; /*Mise en gras du contenu de l'onglet*/
	font-size: 20px; /*Taille du texte*/
	color: #3f3f3f;/*Choix de la couleur du texte*/
	background: url("image/menuhorizonactive.png") no-repeat; /*Image de fond de l'onglet lorsqu'il est actif*/
}


ul.ongletverti li a /*Paramètres des autres onglets*/
{
	display: block;
	width:120px;
	font-family: "Minion Pro", Perpetua ,sans-serif, serif;
	font-weight: bold;
	font-size: 20px;
	color: #e5e5e5 ;
}

ul.ongletverti li a:hover /*Paramètres des autres onglets avec un onmouseover*/
{
	width:120px;
	height: 42px;
	color:#3f3f3f;
	background: url("image/menuhorizonon.png"); /*Image de fond de l'onglet */ 
}