Submenu horizontal NO se sobrepone

[redomir]

Hola buenos dias, tengo un problema que no se como solucionarlo.

He creado un menu horizontal el cual cuando pasas por encima de alguna opcion se despliega un submenu horizontal. Bien, esto funciona cuando se despliega sobre ningun contenido.

Pero cuando se despliega sobre algun parrafo o alguna imagen se pierde el submenu y no se superpone al contenido de la pagina.

Esta creado con CSS y Jquery. Os paso el codigo CSS del menu.

Código:

#menuhorizontal{

margin-top:10px;
height:30px;
background-color: #09C;
border-top:solid 10px #e6eeff; 
}


#mh, #mh ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em; 
}

#mh a{
font-size: 13px;
font-family: Coda;
display:block;
padding:0px 5px;
border:1px solid #09C;
color:#e6eeff;
text-decoration:none;
background-color:#09C;
}

#mh a:hover{
background-color:#e6eeff;
color:#09C;
}

#mh li{
float:left;
position:relative;
}

#mh ul {
position:absolute;
display:none;
width:12em;
top:1.5em;
}

#mh li ul a{
width:12em;
height:auto;
float:left;
}

#mh ul ul{
top:auto;
}	

#mh li ul ul {
left:12em;
margin:0px 0 0 10px;
}

#mh li:hover ul ul, #mh li:hover ul ul ul, #mh li:hover ul ul ul ul{
display:none;
}
#mh li:hover ul, #mh li li:hover ul, #mh li li li:hover ul, #mh li li li li:hover ul{
display:block;
}

Gracias

[pzin]

¿Probaste usando z-index?

[Nano_Suarez]

Usa Z index, como dice Bonez, pero no te olvides que no funciona sin atribuirle un position. Así debería funcionar

[redomir]

Gracias , funciona en toda la web , menos en una pagina que utilizo una clase php y jquery para crear un formulario.

Si le pongo Z-index se supernope pero el formulario queda como desactivado no puedo pulsar en los inputs para escribir. Y si no le opngo el z-index pues no se superpone.

[pzin]

Es algo bastante lógico. Si quieres leer un libro y no abres la portada, difícilmente podrás leer más que la portada.
Si superpones un elemento a otro, el ratón obviamente actuará sobre lo que esté más por encima.

[redomir]

Entonces como se hace para tener un formulario y un menu deplegable.

[redomir]

Tambien me pasa con un slider en javascript que esta justo debajo del menu.

Si pongo z-index se sobrepone pero los controles del javascript quedan inservibles. Si no pongo z-index el menu se mete por detras del javascript y no se ve.