Modal Window showing the dropdown of parent window

[vatsala ven]

I have a jsp where I have various dropdowns,radio buttons,text fields etc. For a particular dropdown's onchange event I'm exposing a div element containing various elements(dropdowns,radio buttons,text fields ). When the modal window is being shown Im basically graying out the parent window .The issue is when the modal window is being shown the dropdowns of the parent window still shows up on modal window.All the other elements hide except for the dropdowns.

Here is the javascript function would look like
function showModalWindow(){
var divele =  document.getElementById("modalDiv");
applytransition(cover,"visible");
cover.style.display="block"
divele.style.display="block"
}
function applytransition(obj,vis)
{
  obj.filters(0).Apply();
 obj.style.visiblity = vis;
obj.filters(0).Play();
}

Here is the css definition for the div element called cover
#cover{
display:none;
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background:black;
filter:progis:DXImagetransform.Microsoft.fade alpha(Opacity=60);
opacity:.5;
-moz-opacity:.5;
-khtml-opacity:.5
}

the css definition for the div element called modalDiv
#modalDiv{
display:none;
position:absolute;
left:5%;
top:10%;
width:50%;
height:70%;
zoom:1;
z-index:100;
background:white;
border:3px black
}

Can some one please let me know why the dropdown of the parent window shows on the modal window when the other elemnts don't show

[Bear Bibeault]

Please properly indent your code, and please remove conversational text from the code blocks. Thanks.

[Bear Bibeault]

Is this in IE6?

[vatsala ven]

Bear Bibeault wrote:Is this in IE6?

Yes unfortunately our firm uses IE6.

[Bear Bibeault]

This is a well-known IE6 bug. Some solutions that have been used:

Hide the dropdowns while the "modal dialog" is displayed.

Use an iframe to contain the body of the "dialog".

P.S. Tell your powers that be that IE6 is deprecated and even Microsoft no longer supports it. Time to move on...

[vatsala ven]

Bear Bibeault wrote:This is a well-known IE6 bug. Some solutions that have been used:

Hide the dropdowns while the "modal dialog" is displayed.

Use an iframe to contain the body of the "dialog".

P.S. Tell your powers that be that IE6 is deprecated and even Microsoft no longer supports it. Time to move on...

I actually used the 1st approach and it worked.But i do see some slowness in the rendering of the dropdowns.So was wondering if there was another solution.
I could try the second suggestion.So do i out the entrire modal window div inside an iframe or how does it work.If you could give me some reference links that would be great too.
Thanks for your help.

[Bear Bibeault]

There are likely examples in earlier posts in this forum as this is not the first time that this issue has been addressed.

[pranjal mishra]

Bear Bibeault wrote:This is a well-known IE6 bug. Some solutions that have been used:

Hide the dropdowns while the "modal dialog" is displayed.

Use an iframe to contain the body of the "dialog".

P.S. Tell your powers that be that IE6 is deprecated and even Microsoft no longer supports it. Time to move on...

Yeah the iframe part worked for me.
Thanks.