flash/css and z index

Posted on 2007-10-02
Last Modified: 2012-06-27
I have a css menu which overlaps a flash file.

This works fine in IE but not in firefox.

In the flash file ive added the code.

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

But in firefox the css menu still appears under the flash file.

Any ideas.

Code for css menu
#menu {
      width: 714px;
      background: #0099FF;
      float: left;
      z-index: 100;
      height: 24px;

Code for flash file.
      font-family: Arial, Helvetica, sans-serif;
      font-size: 11px;
      color: #666666;
      text-decoration: none;
      text-align: left;
      voice-family: "\"}\"";
      float: left;
      margin-top: 0px;
      height: 397px;
      background-image: url(../images/face_interact.jpg);
      background-repeat: no-repeat;
      background-position: left top;
Question by:Cheryl Lander
    LVL 22

    Expert Comment

    Can we see it online?

    Author Comment

    by:Cheryl Lander
    I dont have it up yet.
    LVL 3

    Accepted Solution

    What's this, a browser hack in your css?

    voice-family: "\"}\"";

    Try adding the z-index property above it?

    Maybe you're merely experiencing a bug in Firefox. There's some problems left and right where various browsers display iframes and media objects on top of in-page objects. MSIE for instance displays a SELECT element on top of most other elements, due to the nature of the object used internally.

    Author Comment

    by:Cheryl Lander
    There is no hack.
    LVL 3

    Assisted Solution

    Maybe you didn't know about that?


    Featured Post

    6 Surprising Benefits of Threat Intelligence

    All sorts of threat intelligence is available on the web. Intelligence you can learn from, and use to anticipate and prepare for future attacks.

    Join & Write a Comment

    Suggested Solutions

    Title # Comments Views Activity
    erros on link  checking 2 26
    Problem to Popup 37 65
    Parse CSS value with RegEx 2 30
    Adding a menu section 13 25
    "I want to put my photos online, but I don't want them stolen.  What settings should I use?" When You Put Photos Online First and foremost, any digital file published on the WWW can be copied, stored, modified, retransmitted, etc.  Remember Naps…
    Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
    The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
    The goal of the tutorial is to teach the user how to set there setting in Adobe Flash Media Live Encoder and YouTube for optimal video and audio quality.

    746 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    20 Experts available now in Live!

    Get 1:1 Help Now