Question

I have an issue where the dropdown menu options appear beneath the swfobject which has a list of videos. See here when you mouseover the dropdown menu options with submenus: http://newbie-cms.net/demo/

and I have the following code:

 <div name="player" id="player" style="width:auto;padding-left:200px;position:absolute;z-index:200">player</div>
</center>
  <script type="text/javascript">
    var so = new SWFObject('mediaplayer1.swf', 'mpl', '818', '380', '8');
        so.addParam('allowscriptaccess',     'always');
        so.addParam('allowfullscreen',       'true');
        so.addParam('wmode',       'transparent');
        so.addVariable('file',               'playlist.xml');
        so.addVariable('width',              '818');
        so.addVariable('height',             '380');
        so.addVariable('displaywidth',       '550');
        so.addVariable('backcolor',          '0xFFFFFF');
        so.addVariable('frontcolor',         '0x5566FF');
        so.addVariable('bufferlength',       '5');
        so.addVariable('overstretch',        'fit');
        so.addVariable('autoscroll',         'true');
        so.addVariable('thumbsinplaylist',   'true');
        so.addVariable('autostart',          'true');
        so.addVariable('shuffle',          'false');
        so.addVariable('link','');
        so.addVariable('linkfromdisplay','true');
        so.addVariable('linktarget','_self');
        so.write('player');
  </script>     
<script type="text/javascript" src="swfobject1.js"></script>

What am I missing in fixing this with the dropdown menu appearing behing the flash. How do I set the wmode=transparent with this code?

Answer 1

Just add z-index: 999 to .dropdown_5columns. Works for me.