In IE6, when I display a modal, a dropdownlist from the parent page is visible on top of the model

Question

In IE6, when I display a modal, a dropdownlist from the parent page is visible on top of the model.

i.e. the dropdownlist from the parent page is overlaying above the model popup.

In firefox and IE 7 it is fine (the dropdownlist is tucked underneath the model like it is suppose to).

Any ideas what it can be?

Answer 1

IE 6 has an issue with this. The fix is to throw an iframe behind your modal to block the stuff behind from showing.

There is a jQuery plugin designed to address this particular issue. http://plugins.jquery.com/project/bgiframe

Answer 2

A quick fix is to hide all the dropdowns when you call the modal and show them again when you close it.

Answer 3

hey. i occur this problem too, who can help me? thanks alot http://taphop.net