How do I get this div to cover flash control (jw player)?

Tags: html,css,flash,jwplayer

Problem :

Ive got a flash player (jw)...

And I used some downloaded code to make a drop down menu.

In firefox the drop down menu covers the jw Player but in other browsers it shows up behind the player:

a screen shot of the problem

Here is a screen shot of the code and css in IE developer tools:

a screen of the html and css

As you can see from the second image I have set the z-index to 9999 but it doesnt work and I have no idea how to force the div to display over the flash control in all browsers...

Any help much appreciated.

Solution :

<param name="wmode" value="transparent">

as a child element to your object tag should fix it. Or, the wmode="transparent" parameter, if you're using an embed tag.

    CSS Howto..

    HTML/CSS - How to set text (e.g. 'Quote of the Day') to change automatically on page load/reload?

    How to start css animation on speciefic height of webpage

    How can I add flashing effect to an option tag?

    How can I hide elements on a HTML page until a user hovers over it using CSS?

    How to make a Xul button bigger using css as it get focus?

    How to make sure that dynamic DOM elements have correct css using jQuery mobile

    How to parse and extract CSS selectors as strings?

    How to disable css warning “Unknown property” in Eclipse Mars?

    How is padding-top as a percentage related to the parent's width?

    How can I make a CSS Wrapper adjust height automatically?

    How to set text area to maximum width in bootstrap

    How to add external css into html

    Thymeleaf: how to use conditionals to add/remove dynamically a CSS class

    How to keep CSS class on menu item with dropdown

    How can I add a footer to my website similar to the header?

    how to specify different css for ie

    How to make div layer unselectable in jquery and css

    How to completely gray out an image with css?

    How to add custom css/js to just one page in WordPress?

    css footer background didn't shows properly in html5

    jQuery dialog: how to control the button-pane height

    JavaFX-CSS: How to “move” style of parent to a child?

    How to scroll through a div before the page scrolls?

    How to make an overflow hidden only for box-shadow

    How to get the Tololtip Tail for Menu

    How to show a background image over foreground image using CSS

    How do I disable position:fixed in web pages?

    Flotcharts: How to place the legend on the right of the chart

    How to Make Glossy Colors in CSS. [closed]

    How to add CSS Hack specifically for IE10?