<!-- MENU HORIZONTAL SUPERIOR --> <div id="barra_hori"> <div id="menu_hori" align="center"> <ul> <li class=""><a href='index-2.html'><img src='images/home.png' border='0' /> Home</a></li> <li class=""><a href='pagea6f0.html?id=newsletter'><img src='images/newsletter.png' border='0' /> Newsletter</a></li> <li class=""><a href='#'><img src='images/mapa.png' border='0' /> Mapa do Site</a></li> <li class=""><a href='pagef41b.html?id=10'><img src='images/contato.png' border='0' /> Contato</a></li> </ul> </div> </div> <!-- FIM MENU HORIZONTAL SUPERIOR -->
CSS
/* Barra Horizontal */ #barra_hori { background-image: url(../images/barra_hori_1.jpg); width: 960px; margin: 0 auto; height: 39px; margin-left: auto; margin-right: auto; } /* Menu Horizontal */ #menu_hori ul { padding: 8px 0 5px 40px; _padding: 8px 0 5px 0; *padding: 8px 0 5px 0; list-style: none; line-height: normal; } #menu_hori li { float: left; } #menu_hori a { display: block; margin-right: 3px; padding: 5px 12px 7px 12px; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #FFFFFF; border: none; } #menu_hori a:hover { text-decoration: none; background-color: #E1BAEB; } #menu_hori .first { margin-right: 3px; background: #FF7900; }
Com os códigos conforme apresentado acima, não consigo centralizar o menu <ul> com os <li> na barra barra_hori. Se alguém puder colaborar dando uma dica agradeço desde já..