simple Z-Index problem -Plz help - rep will be given

When you look at my website: http://www.pokereagles.com/

The header top menu (the black strip one that has drop down menus)... in IE, the dropdown menus don't overlap the text in the content area. They look transparent.

But it works fine in FF.

I image it has to do with Z-Index, but can't figure out how...

Any help is appreciated,

Thanks
Nima

 

It is something with your javascript.
You should post it in the correct forum section.

P.S. in Opera it also works fine.

 

which javascript are you talking about... the .htc file?

 

Oh wait, I didn't look much at the page source. It seems that the drop-down menu is CSS-based and not a javascript...
As for the z-index, just try adding a z-index:999; to the menu layers (don't forget to add the position: relative/absolute; also)

 

i already have but i cant figure out why its not working

 

Nima, I removed "position: relative;" from your #wrapper in the stylesheet and it worked for me. Let me know what happens.

 

And add "display: inline;" to the "#dropdown li" to remove the gap below each menu item.

 

Thanks guys. It worked great.

Rep given to everyone

Nima