We have Flowplayer video player running on the website (via the jQuery method), a Div Pop up with the jQuery UI tools.
The problem is, the Div is being out staged by flowplayer, making the flow player have a higher stack order. Having a look at some of the other forums, there was a solution that I added into my flowplayer code. wmode Transparent.
flowplayer("player", "URL", { wmode: "transparent", ... });
This works on Firefox, but fails in IE7 and 8. So I added the position and z-index, but IE7 and 8 are showing the Flowplayer upstaging the pop up div. If anyone has had this problem, know how to fix this issue or have something that I may have over looked, it would be greatly appreciated. Thanks.
Currently, the Div has the follow:
<div ... style="z-index:999; position:relative;"> ... </div>
Edit: Even without the Position and z-index, it displays correctly in FF, but not in IE.
I'm not sure if this will work, but you might try to old "IE shim" technique, which consists of sticking an iframe behind your div, forcing IE to give it display precedence. The following SO page has a link to a jQuery plugin that might make it a bit easier for you:
jQuery: Problem with windowed controls in IE6