This is an annoying problem, that crops up a lot on this list. I'll add it as a wiki entry if no-one has a problem with that? I'm not particularly knowledgable about the subject but I can probably knock something up.
The problem is that some elements (drop-downs, and flash objects, maybe more) in IE/win are drawn by the OS, and not by the browser, and they show no respect for z-index. The solution is to use an iframe behind the div, the iframe acts as a opaque layer hiding the OS control. There's a guide here : <http://dotnetjunkies.com/WebLog/jking/archive/2003/10/30/2975.aspx> Its messy, hard to maintain, and its a lot easier to avoid the problem by moving your popup or drop down so they don't clash. But where that isn't an option, the above does work. HTH Sam On 11/10/05, Polina Grinbaum <[EMAIL PROTECTED]> wrote: > so I am having a problem and I can't post an example right now cause i am > behind a firewall. I have a very simple hide/show javascript popup. > > the popup is suposed to appear payed over on top of a form. however in ie 6 > for pc the dropdowns appear on top of the poup, the input fields do not. > > here is the css for the popup: > > > #popup {width:340px; height: 300px; background-color: #fff; display: none; > position: absolute; top: 10px; right: 3%; margin-top: 50%; margin-left:80%; > z-index:1} > > obviously the javascript toggles the display property. > ______________________________________________________________________ > css-discuss [EMAIL PROTECTED] > http://www.css-discuss.org/mailman/listinfo/css-d > List wiki/FAQ -- http://css-discuss.incutio.com/ > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
