menu con items dinámicos

[palomino100]

Hola!
Me gustaría saber cómo podría crear un div con un menú (formado con una lista en horizontal) que estuviera formado por un número de items dinámicos (que puedan variar). El margin y el padding de cada <li> tendría que variar para que todos juntos llegaran al 100% del width del div principal. Eso si, sin ponerles un tamaño fijo a cada item.

Actúalmente tengo este código, pero todo los items salen juntos, y me gustaría que su distancia variara dependiendo del número de items para ocupar todo la anchura del div.

Código:

#menu{
	clear:right;
	float:left;
	height:46px;
	width:100%;
	background-image:url('../images/menu.jpg');
	text-align:center;
	margin:0 auto;
	/* background-repeat:repeat-x; */
}

#menu ul{
	/*margin: 0 auto;
	padding: 10px 0 0 0;*/
}
#menu div.moduletable_menu li{
	font-family: georgia, serif;
	font-size: 9pt;
	color: white;
	font-weight:bold;
	list-style-type: none;
	float: left;
	text-align:center;
	padding-right:10px;
	width:auto; 
	border:3px solid;
}

#current{
	border-left:0px;
}

#menu div.moduletable_menu a{
	text-decoration:none;
	color:white;
}

Muchas Gracias

[Calizman]

Saludos!!

Quita el width: auto; de los li y cambialo por un width en px. Y tambien ponle margen a los li para que se separen entre si, ya los espacios y esas cosas lo vas midiendo tu para que quede bien en tu web, por ejemplo:

#menu div.moduletable_menu li{
font-family: georgia, serif;
font-size: 9pt;
color: white;
font-weight:bold;
list-style-type: none;
float: left;
text-align:center;
margin: 0px 10px;
width: 70px;
border:3px solid;
}

PD: Quite el padding que tenias porque imagine que lo usabas para hacer espacios entre los li, y padding no sirve para eso, para eso esta margin.

Hasta Luego!!