Hi guys.

When the modal popup shows up, the dropdown lists on the parent page are piercing through the popup. They are not being covered by the popup. This seems to only happen in IE6 and seems fine in IE7 and IE8 and firefox.

Anyone know why this is happening and how I might fix it?

Thanks

This happens because in the earlier days of page design, dropdownlists were expected to be unaffected by layered DIV's (and modals?) because there was the chance that the values in the dropdownlist might be hidden and not be selectable.

If you are forced to code for older browsers, you might consider (especially if using ASP.NET AJAX) setting the DDL's Visible property to "False" to hide it when invoking the modal popup, and when the modal is hidden, set the DDL's Visible property to "True".

That's one example of an old-school workaround.

Hope this helps!

wil

Use IE Developr toolbar to get exactly which styles are goes wrong

http://www.microsoft.com/downloads/details.aspx?familyid=e59c3964-672d-4511-bb3e-2d5e1db91038&displaylang=en

Hi

IE6 has this problem os not able to display modalpopups ( oe even div's) properly over dropdown controls . There are some workarounds available but they all are kind of patch work to avoid these UI related problem . I will advise you to migrate to newer version of Internet Explorer , as in those versions many of the existing problems in IE6 have been rectified . And yes dropdown control is rendered as "SELECT" element and its not possible to apply styles on select element , so even CSS wont be able to solve the problem you are facing.  

Thanks. I'll play with the Visible property.