Submenú pierde alineación

mxlgallardo · #1 (**permalink**) 05/12/2013, 20:03

hola chicos perdon soy nuevo, nose si va aca,
pero me pasa que cuando activo el menu osea los <ul>
el div#search se me baja osea pierde la alineacion y queda mas abajo que el resto.
sera una propiedad de CSS o estoy ubicando mal los divs??
agradezco la ayuda!!!

Código HTML:

Ver original<body>
<div id="general">
  <div id="nav">
  <div id="loco">
    <div id="menu">
     <!-- <ul id="hmenu">
        <li><a href="#">home</a></li>
        <li><a href="#">nosotros</a></li>
        <li><a href="#">servicios</a>
            <ul class="sub-menu">
                <li><a href="#">electricidad</a></li>
                <li><a href="#">seguridad</a></li>
            </ul>
        </li>
        <li><a href="#">clientes</a></li>
        <li><a href="#">catálogo</a>
            <ul class="sub-menu">
                <li><a href="#">electricidad</a></li>
                <li><a href="#">seguridad</a></li>
            </ul>
        </li>
        <li><a href="#">proveedores</a>  </li>
    </ul> -->
     <div id="search">
        <div id="flechas">
<div id="left">
<div id="right">
</div>
</div>
<div id="flash">
</div>
</div>
        </div>
    </div> <!--menu-->
</div><!--loco-->
</div><!--nav-->
<div id="contenedor">
</div>
</div>
<div id="footer">
     <div id="ubicacion">
     <div id="tel">
     <div id="mail">
     </div>
   </div>
     </div>
     </div>
</body>

-------------

Código CSS:

Ver originaldiv#general {
    widht: 960px;
    margin:auto;
    height: 600px;
}
div#nav {
    width:960px;
    height:75px;
    margin-top:10px;
    margin-left:20px;
    margin-right:20px;
}
div#loco {
    width:184px;
    height:75px;
    float:left;
    background-image:url(../images/logo.jpg);
    background-repeat:no-repeat;
}
 
div#menu {
    margin-left:204px;
    width: 570px;
    height: 75px;
    background-image:
    url(../images/menu.jpg);
    background-repeat:no-repeat;
    text-align:center;
}
 
div#menu ul {
    padding:0;
    list-style:none;
}
div#menu, li ul {
    background-color:#FFF;
    text-decoration:none;
}
#hmenu {
    width:570px;
    height:45px;
}
 
#hmenu > li {
    display:inline-block;
    margin-top:50px;
}
 
#hmenu >li >a {
    display:block;
    padding:0px 3px ;
    width:85px;
    height:20px;
    text-decoration:none;
    color:#333;
}
#hmenu li:hover {
    background-color:#09F;
    opacity: .8;
filter: alpha(opacity=80);
-moz-opacity: .5
}
 
li ul {
    position:absolute;
    display:none;
}
.sub-menu a{
    display:block;
    padding:10px 10px;
    width:90px;
    text-decoration:none;
    color:#333;
}
li:hover ul{
    display:block;
}
 
    
div#search {
    float:left;
    margin-left:599px;
    width: 171px;
    height: 75px;
    background-image:url(../images/search.jpg);
    background-repeat:no-repeat;
}