ciao a tutti...
io ho questo ul configurata così
codice:
div#menu {
	background-image: url(images/menu.gif);
	background-repeat: no-repeat;
	height: 57px;
	width: 100%;
}

ul#nav
{
	padding:0;
	margin: 0px;
	width: auto;
}
ul#nav li {
	list-style-type: none;
	float: left;
	height: 46px;
	padding-right: 2px;
	padding-left: 2px;
	margin: auto;
}
ul#nav li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000099;
	font-variant: small-caps;
	font-size: 13px;
	font-weight: bold;
	display: block;
	height: 100%;
}

ul#nav li a:hover
{
 background:url(images/menuhover.jpg);
}

e utilizzata così


codice:
<div id="menu">
<ul id="nav">[*]Menu 1[*]Menu 2[*]Menu 3 [/list]
</div>
Quindi, le varie voci del menu sono poste una accanto all'altra orizzontalmente. Il quesito è: come centrare questi item della lista al centro del div menu? Essi ora sono tutti verso sinistra...

suggerimenti? grazie e ciao