Centrar menu

[rapuig]

Hola!
Me pasa lo siguiente, tengo un menu formado por una lista horizontal, el problema es que no logro que el menu me quede centrado con respecto al div que lo contiene.
Les muestro el codigo quizas queda mas claro.

CSS

Código:

*{
margin:0px;
padding:0px;
}

body{
	margin:0px;
	padding:0px;
        font-size:12pt;
	}

#menu{
	height:56px;
	width: 100%;
	}

#navi{
	height:100%;
	width:790px;
	margin-right:auto;
	margin-left:auto;
	}

#navi li{
	font: 1.0em 'PT Serif Caption', serif;
	display:block;
	list-style:none;
	float:left;
	margin-top:15px;
	padding:5px;
	color:#E3CEB5;
	}
#navi a{
	color:#E3CEB5;
	text-decoration:none;
	}

#navi a:hover{
	color:#903023;
	text-shadow: #000 1px 1px 3px;
	text-decoration:none;
	}

#navi .activo a{
	color:#903023;
	text-shadow: #000 1px 1px 3px;	
	}

HTML

Código HTML:

<div id="menu">
	<div id="navi">
  		<ul>
            <li class="activo"><a>BOTON0</a></li>
            <li><a href="X.html">BOTON1</a></li>
            <li><a href="X.html" >BOTON2</a></li>
            <li><a href="X.html" >BOTON3</a></li>
            <li><a href="X.html" >BOTON4</a></li>
            <li><a href="X.html" >BOTON5</a></li>
            <li><a href="X.html" >BOTON6</a></li>
            <li><a href="X.html" >BOTON7</a></li>
		</ul>
	</div>
</div> 

Muchas gracias, espero que me entiendan.