iframe z-index IE

[ophilium]

I embedded an mp3 player which uses iframe tags on my site but it''s just below a drop down menu and the player is appearing above the menu when it drops down; This happens only in IE. I've tried positioning it relative and setting the z-index, I've tried the same with <object> tags and tried ALLOWTRANSPARENCY="true".......is it possible to set the z-index here? Below is a link to the issue.

http://lateralice.com/testMusic.html

 

[onlinegamesnz]

happens in safari too

 

[PixelPusher]

From a design perspective I would move this lower down the page....nevertheless I will take a look a a fix for you.

 

[PixelPusher]

In general yes you will use z-index to be sure the menu (UL) sits above the level of the iframe. I think the issue with your site is the css you have written. It is messy and could easily be conflicting with itself. You have styles like "top:-9999px" and z-indexes all over the place?!

My suggestion is to rewrite the menu with clean css and that would fix the issue. I can help you, just send me a pm if interested.

 

[ophilium]

I thought that the player should have more hierarchy than to be pushed down the page with the sponsors. I actually wanted it to help me from a design point of view. That a player and a tag line would have filled the top space left of the facebook logo giving balance to that small empty top space caused by fb.

It has occurred to me that it could be the menu but I snatched and grabbed it off the internet and I'm not sure why there are properties like -9999 but I'm sure when I adjust it, the menu gets thrown off. Even when I remove that entire rule it doesn't resolve my issue.

I'll just have to resolve it through some redesign......