Tengo un menú típico, con <ul> y <li>, pero se coloca abajo de un div padre que tiene y se ve así:
Aquí la url para que vean, el menú esta abajo:
http://www.inspiracion.cl/maquetas/r...ex.php?cPath=1
Aquí el CSS del menú:
Código HTML:
.widget ul{ margin:0; padding:0;}
.widget ul li{list-style:none; position:relative;border-bottom:1px solid #ccc;z-index:2;}
.widget ul li a{ display:block; width:100%; padding:3px 0 3px 2px; font-size:13px; color:#0c0d0f; text-decoration:none;}
.widget ul li a:hover{color:#042d5c;}
.widget ul li:hover ul{ display:block;}
.widget ul li ul{position:absolute; left:206px; top:0;display:none; z-index:3;border-bottom:1px solid #ccc;width:130px;}
.widget ul li ul li{ overflow:hidden;_height: 1%; border:1px solid #ccc; border-bottom:0;}
.widget ul li ul li a{color:#111; width:130px; background:#fff; display:block;}
.widget ul li ul li a:hover{color:#000;padding-left:5px; width:127px;}
gracias