akarhys

I have an interactive flash movie(.swf), which demo's the workings of a company I'm creating a website for, that blocks some drop down menu's from behind displayed: This problem has been bugging me for ages and I'm at my wits end now. Here the html code for the menu and object: <div class="homenav2"> <ul> <li><a href="index.html">Home </a> <ul> <li><a href="about.html">About Us</a></li> <li><a href="mission.html">Our Mission</a></li> <li><a href="lean.html">What is Lean?</a></li> <li><a href="team.html">Meet the Team</a></li> <li><a href="partners.html">Partners</a></li> <li><a href="clients.html">Clients</a></li> </ul> </li> </ul> </div> <p class="center"> <object classid="clsid:166B1BCA-3F9C-11CF-8075-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/director/sw.cab#version=8,5,0,0" width="800" height="600" > <param name="src" value="flash/BITP.dcr" /> <param name="wmode" value="transparent" /> <embed wmode="transparent" src="flash/BITP.dcr" pluginspage="http://www.macromedia.com/shockwave/download/" width="800" height="600" ></embed></object> </p> This is the css for the drop downs: /*Home*/ .homenav2 ul {list-style-type:none;} .homenav2 ul li {float:left; position:relative; border-right:solid 1px rgb(175,175,175);} .homenav2 ul li ul {display:none; border:none;} .homenav2 ul li ul {margin-left:-30px; padding:0 30px 30px 30px; background: url(img/bg_head_bottom_nav_hover.gif) top center;} /*Sticky hover zones*/ .homenav2 ul li a {float:left; display:block; height:3.1em; line-height:3.1em; padding:0 16px 0 16px; text-decoration:none; font-weight:bold; color:#869998;} .homenav2 ul li:hover {width:auto;} .homenav2 table {position:absolute; z-index:999; top:0; left:0; border-collapse:collapse;} /*Non-IE6*/ .homenav2 ul li:hover a {background-color:#add8e6; text-decoration:none;} /*Color main cells hovering mode*/ .homenav2 ul li:hover ul {display:block; width:10.0em; position:absolute; z-index:998; top:3.0em; margin-top:0.1em; left:0;} .homenav2 ul li:hover ul li ul {display: none;} .homenav2 ul li:hover ul li a {display:block; width:10.0em; height:auto; line-height:1.3em; margin-left:-1px; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:#add8e6; font-weight:normal; color:#869998;} /*Color subcells normal mode*/ .homenav2 ul li:hover ul li a:hover {background-color:#ffffff; text-decoration:none;} /*Color subcells hovering mode*/ /*IE6*/ .homenav2 ul li a:hover {background-color:#add8e6; text-decoration:none;} /*Color main cells hovering mode*/ .homenav2 ul li a:hover ul {display:block; position:absolute;z-index: 998; top:3.1em; t\op:3.0em; left:0; marg\in-top:0.1em;} .homenav2 ul li a:hover ul li a {display:block; width:10.0em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:#add8e6; font-weight:normal; color:#869998;} /*Color subcells normal mode*/ .homenav2 ul li a:hover ul li a ul {visibility:hidden; height:0px; width:0px; position:absolute; z-index: 997;} .homenav2 ul li a:hover ul li a:hover {background-color:#ffffff; text-decoration:none;} /*Color subcells hovering mode*/ Please note that the other drop down menus have the same css but just different colours.