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;
}