Menu Contextual no pinta encima de un select

khorkos
19 de Mayo del 2005
Lo que intento hacer es que en una pagina(1.htm) que tiene un iframe que carga otra pagina(2.htm)
sustituir el menu contextual deL IE por el mio.
me he bajado un codigo que lo hace siempre y cuando no haya un select por medio porque entonces pinta el menu por debajo.
Abajo adjunto el codigo de las dos paginas(1.htm 2.htm) si alguien sabe como hacerlo para que pinte el menu contextual por encima agradeceria me lo explicara porque me toy volviendo loco. Gracias por adelantado


++++1.htm++++++

<html>
<head>
<style>

.skin0 {
position:absolute;
text-align:left;
width:200px;
border:2px solid black;
background-color:menu;
font-family:Verdana;
line-height:20px;
cursor:default;
visibility:hidden;
}
.skin1 {
cursor:default;
position:absolute;
text-align:left;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
width:120px;
background-color:menu;
visibility:hidden;
border:2px outset buttonhighlight;; font-style:normal; font-variant:normal; font-weight:normal
}
.menuitems {
padding-left:15px;
padding-right:10px;
}

</style>




<SCRIPT LANGUAGE="JavaScript1.2">


var menuskin = "skin1";
var display_url = 0;
function showmenuie5() {
var rightedge = document.body.clientWidth-event.clientX;
var bottomedge = document.body.clientHeight-event.clientY;
if (rightedge < ie5menu.offsetWidth)
ie5menu.style.left = document.body.scrollLeft + event.clientX - ie5menu.offsetWidth;
else
ie5menu.style.left = document.body.scrollLeft + event.clientX;
if (bottomedge < ie5menu.offsetHeight)
ie5menu.style.top = document.body.scrollTop + event.clientY - ie5menu.offsetHeight;
else
ie5menu.style.top = document.body.scrollTop + event.clientY;
ie5menu.style.visibility = "visible";
return false;
}
function hidemenuie5() {
ie5menu.style.visibility = "hidden";
}
function highlightie5() {
if (event.srcElement.className == "menuitems") {
event.srcElement.style.backgroundColor = "highlight";
event.srcElement.style.color = "white";
if (display_url)
window.status = event.srcElement.url;
}
}
function lowlightie5() {
if (event.srcElement.className == "menuitems") {
event.srcElement.style.backgroundColor = "";
event.srcElement.style.color = "black";
window.status = "";
}
}
function jumptoie5() {
if (event.srcElement.className == "menuitems") {
if (event.srcElement.getAttribute("target") != null)
window.open(event.srcElement.url, event.srcElement.getAttribute("target"));
else
window.location = event.srcElement.url;
}
}

</script>
</head>
<body>
<div id="ie5menu" class="skin0" style="z-index: 10" onMouseover="highlightie5()" onMouseout="lowlightie5()" onClick="jumptoie5();">
<div class="menuitems" url="http://www.creatupropiaweb.com">Creatupropiaweb</div>
<div class="menuitems" url="lalla.htm">Opcion 1</div>
<hr>
<div class="menuitems" url="lalala.htm">Opcion2</div>
<div class="menuitems" url="lalala.htm">opcion3</div>
<hr>
<div class="menuitems" url="grrrr.htm">opcion4</div>
<div class="menuitems" url="grrr2w.htm">opcion5</div>
</div>
<script language="JavaScript1.2">
if (document.all && window.print) {
ie5menu.className = menuskin;
document.oncontextmenu = showmenuie5;
document.body.onclick = hidemenuie5;
}
</script>
</body>

<iframe style="z-index: 20" name="superior" scrolling="no" noresize target="contenido" src="2.htm">
</html>


++++++2.htm++++++
<html>

jor eto no vaaa¡¡
<select style="unicode-bidi: bidi-override;" >
<option>
textotexto texto texto

</option>


</select>

</html>