Hi
I am developing a site with something like below as the structure. The nav container holds a flash nav swf.
I built a toned down lightbox effect and the popup is the center of that.
Safari, FF pc, IE6, IE7 all work fine, but firefox mac still layers the swf inside the #nav over the popup.
The nav has z-index:3 and the popup has z-index:999; WTF. I removed overflow:hidden; from the container bc I heard thats a bug but that did nothing. Has anyone else run into flash layering over a div no matter what in Firefox Mac?
I even tried swapping z-indexs in the javascript function, no luck.
The below code is just an example not the actual code...
#container {
position:absolute;
width:970px;
height:650px;
}
#nav {
position:absolute;
z-index:3;
width:100px;
height:50px;
top:100px;
left:300px;
}
#popup {
position:absolute;
top:0;
left:300px;
width:200px;
height:200px;
z-index:999;
visibility:hidden; /*Becomes visible with the jscript lightbox*/
}
...
<body>
<div id="container">
<div id="nav"><nav.swf></div>
<div id="popup">popup stuff</div>
</div>
</body>
...