IE7 Z-Index Issue

HTML & CSS
1

Hi

Please see http://www.tenthtime.com

If you hover over any menu item in the top navbar you get a dropdown box. However, when this drops down it appears behind some of the elements below.

I’ve tried fiddling with z-index to no avail - any ideas?

Thanks!

2

I’ve tried fiddling with z-index to no avail - any ideas?
Hi,
IE6/7 both suffer from a z-index bug.

Overlapping And Z Index - css-discuss

Note: IE6 and IE7 incorrectly apply z-index: 0 to all positioned elements. The 2.1 spec says that positioned elements that are z-index:auto should remain z-index:auto unless explicitly changed
The problem is that you have some positioned elements after your dropdown and IE6/7 give them a higher stacking order.

It should work if you set a z-index on you nav ul along with your RP.

[B]#nav ul[/B] {
margin:0;
padding:0;
list-style-type:none;
[COLOR=Blue]position:relative;[/COLOR]
[B][COLOR=Blue]z-index:3;[/COLOR][/B]
float:left;
display:inline;
}
3

Worked a treat - thanks! :slight_smile: