posicionar un elemento en la parte baja de una caja

[zarcorian]

Hola

a ver si alguien puede echarme un cable, porque no veo la luz...

estoy intentando posicionar el elemento #menuh en la parte de abajo de div#capcelera, pero no lo consigo

Uso el posicionamiento relativo y le indico que se situe a 0px de la parte de abajo (bottom) pero no hace absolutamente nada.

El codigo es el siguiente:

Código:

.....

div#contenedor_global { width: 70em; height: 100%; margin: 0px auto; }
div#capcelera { height:10em; width:100%; background-color:#FFFFFF;}
.....

/*---------MENU HORITZONTAL SUPERIOR -----------*/

div#menuh { font-size: 1.05em; font-weight:900; margin-left:16em; position:relative; bottom:0px; }
div#menuh ul, li { list-style-type: none; }
div#menuh ul { margin: 0; padding: 0; }
div#menuh li { float: left;}
div#menuh a { text-decoration:none; color:#FFFFFF; background-color:#DD7700; display:block; padding-left:1.15em; padding-right:1.15em; text-align:center;  border: 2px solid #EEFCBC; border-width: 0px 2px 0px 0; }
div#menuh a#primer { border-left: 0px solid #EEFCBC; }
div#menuh a#ultim { border-right: 0px solid #EEFCBC; }
div#menuh a:hover { color: #5B6144; background-color: #ECEEA9; }

...

alguna idea?

aqui os dejo la web por si le quereis echar una ojeada

http://www.raconsdecatalunya.com

se trata del menú de color anaranjado, que tendria que situarse justo encima del recuadro naranja del cuerpo principal.

gracias !!

[Naahuel]

El problema está en que div#capcelera tiene una altura fija (10em) y el posicionamiento que intentás hacer es incorrecto.

Probá lo siguiente:
- Eliminá la linea que da la altura de 10em a div#capcelera.
- a div#menuh ul agregale overflow: auto;

El problema está en que estás flotando los items de la botonera y tu div#menuh no tiene altura (pues los elementos internos estan fuera del flujo del DOM)

[zarcorian]

Naahuel, eres un MAESTRO !!

funciona perfectamente...

Muchas gracias !!

[Naahuel]

De nada, que bueno que funcionó. ¡Un saludo!