[WSG] Scriptaculous pop up over drop downs

[Skip Evans]

Hey all,

I'm using Scriptaculous to create pop up windows 
that sit over the browser to hold forms for user 
input.

I have a really weird situation on one page with 
IE 6 & 7 where the pop up appears over the browser 
content, but two drop downs under the pop up bleed 
right through and look as if they're in the pop 
up. (It works fine in FF, naturally.)

I tried increasing the z-index value in the CSS 
for the pop up, but this had no affect. Here is 
the CSS for the pop up.

.popup_panel {
        position: absolute;
        text-align: left;
        top: 100px;
        left: 180px;
        margin: 0 0 1px 0;
        border: 2px solid #555;
        z-index: 100;
        background-color: #fff;
        color: #999;
}

And the JS code that displays the pop up looks 
like this:

var url='modules.php?mod=players&req=addplayer';
displayText('popup_space',url);
$('popup_space').show();
return false;

popup_space is set at the top of the header.html, 
main template file:

<div id="popup_space" style="display: none;"></div>

I'm baffled at this point, so any advice would be 
greatly appreciated.

Thanks!
Skip

--
Skip Evans
Big Sky Penguin, LLC
503 S Baldwin St, #1
Madison, WI 53703
608-250-2720
http://bigskypenguin.com
=-=-=-=-=-=-=-=-=-=
Check out PHPenguin, a lightweight and versatile
PHP/MySQL, AJAX & DHTML development framework.
http://phpenguin.bigskypenguin.com/


*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************