centrare menu e problema con i bordi

[FinalFantasy]

#nav
{
	background: url(images/nav.png) 0 0 repeat-x;
	height:70px;
	padding: 0px 6px 0px 0px;
	text-align:center;
}



#nav ul
{
	margin:0px;
	padding:0;
	list-style-type:none;
	width:auto;
}

#nav ul li
{
	display:block;
	float:left;
	padding-left:5px;
	padding-right:5px;
	margin-top:3px;
}

#nav ul li a
{
	display:block;
	float:left;
	color:#000;
	text-decoration:none;
	font-family: Verdana, sans-sefir;
	font-size: 11px;
	padding:3 3 3 3;
	border:1px solid transparent;
}

#nav ul li a:hover
{
	border:1px dashed #FF5500;
	background-color:#FFDD00;
}





<div id="nav">
<ul>[*]<a href="#">[img]images/clienti.gif[/img]

Clienti</a>[*][img]images/clienti.gif[/img]

Tesserino[*]<a href="#">[img]images/attivita.gif[/img]

Attivit&agrave;</a>[*][img]images/clienti.gif[/img]

Database[/list]
</div>

vorrei centrare il menu della lista nn ordinata, ma nn riesco, suggerimenti?
in +, ma nn mi interessa molto visto ke è un'interfaccia ke gira solo in locale, su IE, dove ci sta scritto border transparent, mi spunta il bordo nero...se c'è un modo x risolverlo ok, ma tanto girerà su linux

[Mich_]

#nav ul {
margin: 0 auto;
...
}

Ma occorre che nel #nav la larghezza sia definita (in px, % o altre unita`).

[FinalFantasy]

Originariamente inviato da Mich_
#nav ul {
margin: 0 auto;
...
}

Ma occorre che nel #nav la larghezza sia definita (in px, % o altre unita`).

ho fatto così

#nav
{
	background: url(images/nav.png) 0 0 repeat-x;
	height:70px;
	padding: 0px 6px 0px 0px;
	text-align:center;
	border:1px solid black;
	width:100%;
}



#nav ul
{
	margin:0 auto;
	padding:0;
	list-style-type:none;
	width:auto;
}

nn succede nulla, suggerimenti?

[Mich_]

Nel #nav hai dato width: 100%. Ma quanto vale la larghezza del contenitore del #nav?
Affinche` la larghezza del #nav sia definita, occorre che lo sia anche la larghezza del suo contenitore (e ricorsivamente fino ad una larghezza espressa in una unita` diversa da % o al blocco html).

[FinalFantasy]

ehmm...nav nn ha contenitore, a parte il body stesso ovviamente...mi aiuteresti a migliorarlo qualora ci fossero problemi?

[Mich_]

Allora probabilmente ti manca:
html, body {
width: 100%;
}

Altrimenti il body e l'html (in IE e` lo stesso oggetto, ma in altri browser sono due diversi) si riducono al minimo, e perdi l'effetto della centratura.

[FinalFantasy]

perfetto...ora va meglio, xo devo specificare manualmente la larghezza del nav

#nav
{
background: url(images/nav.png) 0 0 repeat-x;
height:70px;
padding: 0px 6px 0px 0px;
text-align:center;
border:1px solid black;
width:50em;
margin:auto;
}

come posso adattare la sua larghezza al contenuto?
ho messo width auto, ma si estende per tutta la pagina

[Mich_]

Io proverei a non metterlo proprio il width.

Comunque in teoria con il valore auto dovrebbe essere come se non lo mettessi.
Non e che c'e` dentro qualcosa che "allarga" il blocco? (tipo un testo, o qualcos'altro che puo` espandersi)