Menu not hovering over flash image

[pingeyeg]

I have a dropdown menu that works great in Firefox, but not in IE7. The dropdown drops behind the flash image inf IE7. Any thoughts as to how to fix this?

#nav {
background : url(/images/navbar.png);
width : 940px;
height : 36px;
position : relative;
margin-top : 25px;
}

#menu li {
position : absolute;
width : 130px;
height : 32px;
top : 1px;
list-style : none;
z-index : 800;
}

#menu ul {
margin : 0;
padding : 0;
list-style-type : none;
}

#menu ul ul {
display : block;
position : absolute;
width : 135px;
font : normal 12px verdana;
top : 32px;
left : -9999px;
margin : 0;
padding : 0;
list-style : none;
}
#menu ul li:hover {
z-index : 900;
}
#menu ul li:hover ul {
visibility : visible;
left : 0;
z-index : 900;
}

#menu li li {
position : relative;
top : 0;
left : 0;
width : 135px;
padding : 0;
margin : 0;
height : 27px;
}

#menu li li a,
#menu li li a:hover {
width : 190px;
height : 15px;
display : block;
margin : 0;
padding : 5px;
border : 1px solid #b5b5b5;
background-color : #fff6d4;
color : #000;
background-image : none;
}

#menu li li a:hover {
background-color : #fff;
color : #000;
}

li#home {
left : 50px;
}

li#webservice {
left : 217px;
}

li#portfolio {
right : 463px;
}

li#request-quote {
right : 415px;
}

li#contact {
right : 341px;
}

li#login {
right : 234px;
}

#menu em {
visibility : hidden;
}

#menu li a {
display : block;
width : 130px;
height : 32px;
}

li#home,
li#home a {
position : absolute;
top : 2px;
left : 30px;
width : 55px;
height : 25px;
}
li#home2,
li#home2 a {
position : absolute;
top : 2px;
right : 35px;
width : 55px;
height : 25px;
}
li#webservice,
li#webservice a {
width : 152px;
}
li#portfolio,
li#portfolio a {
width : 128px;
}
li#contact,
li#contact a {
width : 141px;
}
li#login,
li#login a {
width : 126px;
}
li#webservice a:hover {
background : url(/images/webservice-hover.png) no-repeat;
}
li#portfolio a:hover {
background : url(/images/portfolio-hover.png) no-repeat;
}
li#contact a:hover {
background : url(/images/contact-hover.png) no-repeat;
}
li#login a:hover {
background : url(/images/login-hover.png) no-repeat;
}

[Mack]

can you post the site rather then just the CSS? its difficult to help without seeing it happen and no markup.

[Harry]

Known issue. Give me a moment.

[pingeyeg]

<div id="nav">
<div id="menu">
<ul>
<li id="home"><a href="/"><em>Home</em></a></li>
<li id="webservice"><a href="custom-web-design.php"><em>Web Service</em></a>
<ul>
<li><a href="custom-web-design.php">custom web design</a></li>
<li><a href="ecommerce.php">eCommerce</a></li>
<li><a href="website-hosting.php">website hosting</a></li>
<li><a href="http://www.goodboydomains.com">domain names</a></li>
</ul>
</li>
<li id="portfolio"><a href="featured-clients.php"><em>Portfolio</em></a>
<ul>
<li><a href="featured-clients.php">featured clients</a></li>
<li><a href="testimonials.php">testimonials</a></li>
</ul>
</li>
<li id="contact"><a href="contact-us.php"><em>Contact Us</em></a></li>
<li id="login"><a href="#"><em>Client Services</em></a>
<ul>
<li><a href="http://goodboyweb.seework.com">Client Update Request</a></li>
<li><a href="http://webmail.goodboyweb.com">Client Webmail</a></li>
</ul>
</li>
<li id="home2"><a href="/"><em>Home</em></a></li>
</ul>
</div>
</div>
<div class="phone">
Call Us: 1.877.338.2932
</div>
<div class="date">
<span id="stamp"></span>
</div>
<div class="main-pic">
<object type="application/x-shockwave-flash" data="/header/goodboy-header.swf" width="930" height="131">
<param name="quality" value="best">
<param name="movie" value="/header/goodboy-header.swf">
</object>
</div>

[Harry]

Can't find it, but I *think* you need wmode="transparent" as an attribute in the embed. I don't work with Flash at all but we had this problem at work. I'll keep looking though cos I'm 99% certain I know what you mean.

[Mack]

ugh. is it so hard to just post a URL.

[Harry]

Okay, use the method(s) of embedding here: http:// www. theovalgroup . com/

We used to have the problem I think you're having. The menu dropdowns were always behind the Flash

[pingeyeg]

The problem with that though is that W3C does not like the embed tag with the Doctype 4.01 Strict.

[pingeyeg]

Mack, just click on my signature and you will go to my site. This is where I am having the issue in IE7.

[pingeyeg]

Sorry to sound ignorant, but what portion of your file am I looking at to resolve my issue? I see where you have a class for your flash file. Is that what you are referring to?