combo box overlapping the div layer

hi,

i am in need of help for programming of javascript. how do i display the menu in div above the combo box?

There is a huge bug in IE with regard to select boxes. They are ALWAYS the top most element on a page. I don't know why but they love to overwrite all other elements on a page (it's possible that this is only the case if you do NOT set an actual Z-Index value?). All you can do is make sure that you have your sizes correct and if need be, hide the select box if you need to see something behind it. I have had to resort to that once or twice.

According to MSDN, the z-index style can't be set for SELECT tags. I tried wrapping it in its own DIV and setting the z-index of that, but there was no change. I don't yet have a solution, but it might be useful for others to not try these so they don't waste their time.

I have not checked IE 7.0 to see if this bug has been fixed, I'm not too hopefull on it though since the bug has been around for quite a while. If you use the AW Combo you will not have this problem. It only occurs on native SELECT objects. The AW Combo is not a SELECT object.

Jim ... if it is not a problem for the AW Combo, then why does the Combo I'm justing just above the grid sometimes apear behind the grid? See my other post on the combo problem I'm having. If I click on it a second time, it does paint correctly over the grid. Strange.

I can post a link tomorrow for you and others to look at to see what I'm getting.

All I was saying is that there is a huge bug with the SELECT object and IE. I have not seen the same problems with the AW Combo object. There may be some other issues with the Combo object, but they are not related to the IE SELECT issue because the Combo object is not a SELECT object, it is a combination of Spans and Divs.
I would be curious to see your problem, but remember it's not the same problem as what is discussed above with the SELECT in IE.

The problem occurs due of the nature IE uses the 'native' windowobjects for select-boxes.

I use this code that solves the problem in IE (sample):
IE7 beta 2 still gives the same problems but the solution still works 100%.

<div id="oWindow" style="position:absolute;top:115px;right:25px;width:400px;height:300px;border:none;">
<iframe frameborder="0" style="position:absolute;top:0px;left:0px;width:400px;height:300px;"></iframe>
<div style="position:relative;left:0px;width:400px;height:300px;>
...html...
</div></div>

Just place an iframe with the same width and height just after the (first) <div>, close it immediately and the select-boxes will be hidden behind the div.

f*** you

I want to thank Md. Sheriff, Drivestream 'cause he has given me the answer I was looking for...I was going crazy....thank you too much

I have tried that trick with the iframe and it sort of works.
For some reason the border I have on the <div> does not show properly.
the code is this:
<div id="adg_box" style="visibility: hidden;">
<iframe frameborder="0" style="position:absolute;top:0px;left:0px;width:500px;height:210px;"></iframe>
<div id="adg_bg_1">
</div>
<div id="adg_bg">
</div>
<div id="adg_pic">
<img src="images/box_ikon_adgang_begraenset.gif" alt="Ingen adgang" width="57" height="85" border="0">
</div>
<div id="adg_tekst">
TEXT HERE
</div>
<div id="adg_top">
<p><a href="#" class="synsdata_link" onclick="vis_tekst();">luk</a></p>
</div>
</div><br>

how to reduce the priority of a combo box.i tried the solution in the AW.but its of no use and combo box turns into a list box.