If you are bored and know some CSS, you could help me to fix an Internet Exporer issue on the new design in the top menu....the hover-over menu opens underneath the brown box....

I found that using a higher z-index for the menu ul and/or li usually solves that problem with CSS drop down menus (try 500 for that particular menu); depending on the layer stacking order of other components on the page or in the CSS you might need an even higher z-index.

I looked at that when I saw the post, but it looks like god has used stepping z-indices from 100-102 for the Menu, versus 1-2 for the others that he's specified, which _should_ work.

I'm not really tip-top with CSS, so I'm a little confuzzled by some of it.

Should there be huge jumps in z-index to get it to play nice, or should little ones do?

What I was thinking, is should the main body be set with a z-index lower than the menu?

If so, has it?

This is my problem with the CSS - I'm having difficulty figuring out what each bit of it controls.

Didn't make any difference...

Firefox does not have any problems with it, just IE....IE seems to confuse the z-indexes - as the h3 tag has none at all....

I may be wrong, but I think h1, h2, h3 tags load above a lot of other tags for some reason, when there are z-indices involved.

Unfortunately I’m only at my computer for an hour or so today so can’t help very much, but I can point you in the direction of some resources and tips.

Feel free to look at one of my CSS drop down menus and recycle the code and CSS if you want too. I have one at http://www.touchwoodproductions.com which loads correctly over h3’s in IE, the CSS is located at http://www.touchwoodproductions.com/includes/style.css It’s a bit old now, but works well. There is another one at http://www.peterbuckley.com.au (sorry, you have to wait for the Flash intro to load before you see the site with the menu), based on older versions of those mentioned below.

If you continue to have problems with this kind of menu, you might also like to look under the hood of some Open Source CSS resources that I know definitely work in all major browsers as the basis of your menu – head to http://www.stunicholls.com and look under the Menus tab for the Pro Dropdown Series (#1, #2 and #3); I have used modified versions all of these to resolve the issues that you are experiencing in IE. (Incidentally, I just now pasted the CSS of one of these drop down menus directly into the over_header.html of a phpBB3 theme and put the menu html into the header and it worked in Firefox and IE6 & 7)

i have no knowlegde of I.T stuff,but i just read the above,and want to say,GOD/TOBY thankyou for the time you put in on this site.and to people that offer help,cheers all!

ok so its fine in Firefox and IE7 but doesnt appear in IE6. Maybe it is a z-index thing, in which case you can try putting position:relative and a z-index lower than 2000 on the .content-text div.

But maybe it isnt dropping down at all, hard to tell as I cant see the menu at all when i hover in IE6