problema con menus y css

[hEakfall]

ooOla a todos, kisiera que me ayuden en esta. Ya, kiero poner un menua mi pagina, aca ta el codigo, esta bien.

<div id="menudiv">
<ul id="menup">
<li><a href="index.php">Inicio</a></li>
<li><a href="#" >Hogar</a></li>
<li><a href="#" >Buscar</a></li>
<li><a href="#" >Utilidad</a></li>
<li><a href="#" >Suguerir Lugar</a></li>
</ul>
</div>

le estoy aplicando estilos demas para q se vea mejor

el problema es que yo kiero que el menu este centrado y lo que sale es esto



en esta foto les muestro como deberia ser, pero lo malo es que esta dentro de una celda de una tabla, y se ven los bordes aunque este con border="0"



Bueno , espero consejos para solucionar este problemilla. gracias

[lado2mx]

Trata de colocar el menú sin medidas de pixeles, solo el porcentaje; y en posición centrada, solo en las coordenadas Y...

[juaniquillo]

Los <li> ¿tienen un float o un 'display:inline'? Lo mejor es que tambien pongas el CSS que tiene el id 'menudiv' y los elementos que están dentro.

[hEakfall]

ca les pego los codigo en css

#menudiv{

text-align:center;
margin: 0 0 0 0;
background: url(images/fondo1.jpg) repeat-y center;
}
#menup {
text-align:center;
background: url(images/fondo21.png) repeat-x;
/*width: 900px;*/
height: 30px;
margin: 0;
position:relative;
}

ul#menup li {
float: left;
display:inline;
padding: 10px 0 0 0;
list-style-type: none;
text-transform: uppercase;
text-align:center;
}


en todo caso no se pueda centrar ese menu, saben como hacer para el el borde de una tabla no se note, para meter el menu ahi? aparte del border="0" que no ayuda, asi como en la foto 2 de mi post anterior.

[juaniquillo]

trata cambiar el margin a:

Código HTML:

margin: 0 auto;

en el menudiv

[hEakfall]

oshi con el margin :0 auto se arreglo, ahora si sale centrado. Muxas graciAS por su ayuda!