Overlapping Menu Problem

[largelylivin]

I have two menus on my homepage. The typical Nav Menu on top and below it is a slideshow selection menu.

The dropdown from the top menu appears BEHIND the lower menu.

I have tried many things involving Z-index but have not been able to resolve this.


HELP!

[Allen]

I have two menus on my homepage. The typical Nav Menu on top and below it is a slideshow selection menu.

The dropdown from the top menu appears BEHIND the lower menu.

I have tried many things involving Z-index but have not been able to resolve this.


HELP!
Add the green

/* Common Styling */
.menu {
z-index:99;
position:relative;
display:block;
....

[largelylivin]

Add the green

/* Common Styling */
.menu {
z-index:99;
position:relative;
display:block;
....

Hi Allen,

Yea. That was originally there when I started trying to solve this problem. Just for grins I put it back in and took out a couple of changes to the HTML using above and below. Doesn't fix problem.

[Allen]

Hi Allen,

Yea. That was originally there when I started trying to solve this problem. Just for grins I put it back in and took out a couple of changes to the HTML using above and below. Doesn't fix problem.
Working here in Firefox with it in, what browser are you using?

[largelylivin]

Working here in Firefox with it in, what browser are you using?

Right. It is also working for me with Firefox. It is not working with IE7.

[Allen]

Right. It is also working for me with Firefox. It is not working with IE7. Add green for very last </ul> of main menu.

</ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->

[largelylivin]

Add green for very last </ul> of main menu.

</ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->

Thanks Allen but that doesn't help. I am so frustrated with this and since it isn't a fatal problem I am just going to wait until someone gets a chance to fix it.