CSS Mega Menus not working in IE8

HTML & CSS
1

Hi guys,

Can someone please take a look at this page and suggest why the drop-down menus are not appearing correctly in IE8? They do show up, but seem to disappear behind the “breadcrumbs” div:

http://www.4you2.org.uk/about

I’ve tried fiddling with z-index values, but to no avail.

I have used the “mega menus” method from .net magazine’s website:

Thanks,

Tim

2

I just checked with the latest Firefox and IE8. They both look the same. The breadcrumbs stay behind the drop down menu.

One thing to consider is that I am using IE8 (64 bit), and the 32 bit version may behave differently.

3

Thanks for checking for me.

The issue was originally flagged up by a colleague in another office, who was having the problem in IE8 but when I checked, it looked exactly the same as in Firefox… as you’ve just found.

However, today, I’m having the same display problems too.

I’ll check from home and see what it looks like.

Can anyone else see it correctly (i.e. as it appears in Firefox), or do the drop-down menus get cut off in line with the top of the “breadcrumbs” div?

Thanks again.