DHTML menu items are hidden behind page ASPX objects, IE Only

[ralphtrent]

Hello
I have DHTML menu that I downloaded off of javascript.internet.com. The menu does what I want, but when I hover an item and the sub-menu expands, the sub-items are hidden behind the drop down boxes i have on the page. These DDB are asp.net objects. This only happens in IE, in FireFox, the SubMenu items are infront of the objects as I would expect. Before I post code, which is not mine, has anyone ran into this problem before? Is there a simple fix?

Thanks

 

[NateBro]

i have ran into this before, a few times just setting the layer zIndex to a very high number has worked, but it may not always work. also i have ran into this prob with flash obj as well, I'll see if i still have any of my old pages that had this prob that i was able to fix.

 

[NateBro]

could you try something like this?

<div onmouseover="document.getElementById('layer2').style.display='';document.getElementById('Select1').style.display='none';" style="position: absolute; width: 170px; height: 20px; z-index: 1; left: 10px; top: 5px; background-color: #66CCFF" id="layer1">
	My Layer 1 Mouse Over</div>
<br>
<select id="Select1" size="1" name="None">
<option>-------------------------------------</option>
</select><div Select1 onmouseout="document.getElementById('layer2').style.display='none';document.getElementById('Select1').style.display='';" style="display: none; position: absolute; width: 205px; height: 45px; z-index: 200; left: 110px; top: 25px; background-color: #FFCCFF" id="layer2">
	My Layer 2</div>