I have a navigation list that needs to appear above a flash animation, but it doesnt seem to be working!

Here is the code I have for it,

<div id="headInner">
      <div id="headFlash">
        <object type="application/x-shockwave-flash"
    data="flash/bgHeadInner.swf" 
    width="850" height="100">
          <param name="movie" 
    value="flash/bgHeadInner.swf" />
        </object>
      </div>
      <ul id="nav">
        <li><a href="../contact.php">contact</a></li>
        <li><a href="../portfolio.php">portfolio</a></li>
        <li><a href="../service.htm">services</a></li>
        <li><a href="../about.htm">about</a></li>
        <li><a href="../index.php">home</a></li>
      </ul>
      
      <br class="clear" />
    </div>

#nav {
    width:420px;
    position:absolute;
    bottom:0;
    right:5px;
    z-index:2;}
        
#nav li {
    display:inline;}
    
#nav a {
    width:70px;
    font-weight:bold;
    float:right;
    font-size:80%;
    margin-left:2px;
    padding:0 5px;
    color:#2597EB;
    text-decoration:none;
    background:url(../image/bgNavLi.png) no-repeat 0 100%;}

#nav a:hover, #nav a:active {
    background:url(../image/bgNavLiHover.png) no-repeat 0 100%;}
    

#headInner {
    width:850px;
    height:100px;
    margin:0 auto;
    text-align:left;
    background:url(../image/bgHeadInner.jpg) no-repeat 100% 0;
    position:relative;}

#headFlash {
    width:100%;
    height:100px;
    position:absolute;
    z-index:1;}

Does anyone know why the flash animation is still appearing above the navigation? In IE it seems to show the very bottom of the nav, but thats it!

I should also point out that the page looks right in Dreamweaver, but just not in any browsers!

Any help would be great! thanks.

1. Add the following parameter to the OBJECT tag:
   

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

2. Add the following parameter to the EMBED tag:

   wmode="transparent"

This will allow the flash object to exist behind normal HTML stuff. Flash, by default, sits on top of everything like it is a God.

Thanks, but am I right in thinking that the <embed> tag is invalid HTML code? I used the tutorial that is linked from the sticky at the top of this forum because I wanted to find out how to keep my webpages valid.

aghhhhhhhhhhhh!! I think I may just have to resize the flash animation so that it doesn't clash with the navigation.

Thanks anyway! Or if there is somehow a way around it all please let me know!

Then just add those attributes to the OBJECT tag, as I see you're using it.

ahhh yes it works! thanks!