TEST PAGE:
http://bit.ly/1NOQ03

ISSUE SUMMARY:
Page uses the model dialog code from JQUERY UI.
Was having the IE6 Z-Index issue with IE6
Applied the BGIFRAME plugin solution (bgiframe: true)

ISSUE DESCRIPTION:
When the modal dialog is triggered, any/all select-lists previously displayed are suddenly hidden.

BROWSERS TESTED:
FF2.x, FF3.x and IE8 behave no issue. Only manifests this way in IE6.

REQUEST:
How can i improve my code such that the select-lists dont get hidden when the modal dialog is displayed?

I have posted the same support request to the jQuery Project Page for this plugin: http://plugins.jquery.com/node/11026

Thanks,
seannarae

bumping

that's the idea of a "modal" window!

It becomes the "topmost" element and has focus until it is closed.

In terms of modality, there is no issue. I totally agree with your definition of modal.

The issue is that the select-lists "underneath" the modal dialog disappear instead of displaying dimmed-out.

Select-lists in IE6 ignore the z-index of a modal element and instead display on top of the modal element. The BGIFRAME plugin for jQuery solves this issue: http://docs.jquery.com/Plugins/bgiframe

However, my implementation of the BGIFRAME plugin is incorrectly causing my select-lists to be totally hidden instead of dimmed-out like other elements.

http://bit.ly/1NOQ03
For a demo, if you're able, please inspect my test page in IE6, then in either FF or IE > than 6.0.

Thanks in advance...

Select-lists in IE6 ignore the z-index of a modal element

And you are surprised at this because??

IE has "issues" with z-index anyway.

And in IE6 select elements are window objects so do not obey the z-index stacking order.