Hola mira este ejemplo y adaptalo a tu diseño:
Código HTML:
#capamenu
{width:753px;}
ul {
display:inline;
PADDING-RIGHT: 0px;
PADDING-LEFT: 10px;
PADDING-BOTTOM: 0px;
MARGIN: 0;
PADDING-TOP: 2px;
LIST-STYLE-TYPE: none;
text-align: center;
}
li {
display:inline;
PADDING-RIGHT: 0px;
BACKGROUND-POSITION: right top;
PADDING-LEFT: 0px;
FLOAT: left;
BACKGROUND-IMAGE: url(../fotos/men/pos.gif);
PADDING-BOTTOM: 0px;
MARGIN: 0px;
PADDING-TOP: 0px;
BACKGROUND-REPEAT: no-repeat;
text-align: center;
}
#listacentrada{
width:753px;
margin:0 auto;}
Código HTML:
<div id="menu">
<div id="listacentrada">
<ul>
<li>1</li>
<li>|</li>
<li>2</li>
<li>|</li>
<li>3</li>
<li>|</li>
<li>4</li>
<li>|</li>
<li>5</li>
</ul>
</div>
</div>
</body>
</html> Saludosss
