Ayuda con menu

[edGarzitho]

Hola amigos, pues tengo un pequeño problema con mi menu de listas y con css, no se como hacerlo que funcione bien, ya que el fallo esta que se separan mucho un enlade de otro. espero ayuda ..

solo se miran separados en IE en el FF se miran bien (juntos)

Código HTML:

<div id="menuh">
        <ul>
                <li><a href="#menuh" id="primero">Inicio</a></li>
                <li><a href="#menuh">Comentarios</a></li>
                <li><a href="#menuh">Noticias</a></li>
                <li><a href="#menuh">Contacto</a></li>
                <li><a href="#menuh">Acerca de nosotros</a></li>
        </ul>
</div>
 

Código CSS:

#menuh {
        font: 80% "Trebuchet MS", Arial, Helvetica, sans-serif;
        margin-top: 5px;
}
 
#menuh ul, li {
        list-style-type: none;
}
 
#menuh ul {
        margin: 0;
        padding: 0;
}
 
#menuh li {
        margin: 0;
        padding: 0;}
 
#menuh a {
        text-decoration: none;
        color: #3366CC;
        background: #F0F7FC;
        display: block;
        padding: 3px 10px;
        text-align: center;
        border: 1px solid #ACCFE8;
        border-width: 1px 1px 1px 0;
}
 
#primero {
        border-left: 1px solid #ACCFE8;
}
 
#menuh a:hover {
        background: #DBEBF6;
}
 

[RusO91]

hay "algo" que contenga a este menú? porque usando el código que pusiste los veo a uno pegado del otro

[edGarzitho]

si, ese menu esta dentro de una div. =/

[AhmedRugama]

ponele margin: 0; a los <a> si aun asi no te da, agregale un float:left; a los <li> y reducis el ancho del div contenedor.