Ayuda: Problema con Submenu <ul><li>

[albertcito]

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

[kseso?]

Deja este selector así:

.widget ul li ul {
border-bottom:1px solid #CCCCCC;
bottom:0;
display:none;
left:206px;
position:absolute;
width:130px;
z-index:3;
}

Verás que he cambiado tu top por mi bottom.

Un saludo

P.D.: Una opinión personal, si me la permites.
Creo que tu página ganará si cambias los iconos que tienes ahora por otros más "acordes". Los actuales se ven muy "clipart office 97".

[albertcito]

Gracias "Kseso?", ahora el menú se abre para arriba de esta manera:


Por lo menos ya no queda abajo de nada gracias.

Y los iconos lo cambiare pronto :D :D

[alexk]

jeje de eso se trataba... que salga arriba... pero bueno... te dio la solcion puedes darle bottom:-25px; segun le medi sale mas abajito sin salirse... nunca me habia topado con algo asi jaja... es interesante vere si hay alguna solucion...


el problema esta en "#container" con su "overflow" la unica solucion que le veo es quitarle este "overflow" y usar el fix odiado de
"<div style="clear:both;"></div>" nooooooooooooooooo jaja antes que termine este mismo div y listo chao y suerte!...

EDITO DE NUEVO: en resoluciones mas pequeñas se desaparece segun veo... en la mia no pero a mas chicas si... asi que seria bueno darle un margin-bottom a "#page" para que no pase chao y suerte!...

[albertcito]

Mil gracias!!!!!! Solucionado totalmente :D :D :D