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