problemas con el listado de menu horizontal

[esaenz22]

buenas. consegui una aplicacion de un menu css. lo adapte como esta en el boceto, pero el problema es que cuando le paso el hover al menu y ver los items, se desaparecen, es decir, no se mantiene en su misma posicion.

a que se debe eso.

este es mi codigo.

Código PHP:

<ul id="navmenu-h">
  <li><a href="index.php"><img src="imagenes/menu_home.jpg" border="0" /><br />
    Home</a></li>
  <li><a href="javascript:void(0);"><img src="imagenes/menu_nosotros.jpg" border="0" /><br />
    Nosotros</a>
    <ul>
      <li><a href="historia.php">Historia</a></li>
      <li><a href="mision_vision.php">Mision - Vision</a></li>
      <li><a href="maquinarias.php">CP - Maq</a></li>
    </ul>
  </li>
  <li><a href="javascript:void(0);"><img src="imagenes/menu_servicios.jpg" border="0" /><br />
    Servicios</a>
    <?php
        $sql_tipo_servicios  = "SELECT * FROM teirsac_tipos_servicios";
        $rpta_tipo_servicios = $cn->query($sql_tipo_servicios) or die(mysql_error());
  ?>
    <ul>
      <?php
        while($row_serv = $cn->fetch_array($rpta_tipo_servicios)){
  ?>
      <li><a href="servicios.php?idservicio=<?php echo $row_serv['idtiposervicio']; ?>"><?php echo $row_serv['nombre_servicio']; ?></a></li>
      <?php
        }
  ?>
    </ul>
  </li>
  <li><a href="clientes.php"><img src="imagenes/menu_clientes.jpg" border="0" /><br />
    Clientes</a></li>
  <li><a href="proveedores.php"><img src="imagenes/menu_proveedores.jpg" border="0" /><br />
    Proveedores</a></li>
  <li><a href="noticias.php"><img src="imagenes/menu_noticias.jpg" border="0" /><br />
    Noticias</a></li>
  <li><a href="contactenos.php"><img src="imagenes/menu_contactenos.jpg" border="0" /><br />
    Contacto</a></li>
</ul>
 

el css

Código CSS:

/* Root = Horizontal, Secondary = Vertical */
ul#navmenu-h {
    margin: 0;
    border: 0 none;
    width: 580px; /*For KHTML*/
    list-style: none;
    height: 15px;
    z-index:5;
    padding-top: 25px;
    padding-right: 0px;
    padding-bottom: 25px;
    padding-left: 0px;
}
ul#navmenu-h li {
    margin: 0;
    border: 0 none;
    padding: 0;
    float: left; /*For Gecko*/
    display: block; /*reemplaze el display: inline por display: block.*/
    list-style: none;
    position: relative;
    height: 15px;
}
ul#navmenu-h ul {
    margin: 0;
    border: 0 none;
    padding: 0;
    width: 125px;
    height:14px;
    list-style: none;
    display: none;
    position: absolute;
    top: 60px;
    left: 0;
}
ul#navmenu-h ul:after /*From IE 7 lack of compliance*/ {
    clear: both;
    display: block;
    font: 1px/0px serif;
/*  content: "."; */
    height: 0;
    visibility: hidden;
}
ul#navmenu-h ul li {
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    border: 1px solid #FFF;
    border-right-color: #CCC;
    border-bottom-color: #CCC;
    width: 125px;
    float: left; /*For IE 7 lack of compliance*/
    display: block !important;
    display: inline; /*For IE*/
}
/* Root Menu */
ul#navmenu-h a {
    /*  border: 1px solid #FFF;*/
    border-right-color: #A2A2A2;
    border-bottom-color: #A2A2A2;
    padding: 0px 16px;
    float: none !important; /*For Opera*/
    float: left; /*For IE*/
    display: block;
    background:none;
    color: #CCCCCC;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    text-decoration: none;
    height: auto !important;
    height: 1%; /*For IE*/
}
 

edito. ya corregi el error. reemplaze el display: inline por display: block.

saludos.