IE6 Stacking Problems

[tomcoad]

Hi There,

My first post here I am a web designer and I have come across a problem I cant manage to fix on in ie6.

www.oldpostofficeguesthouse.co.uk (http://www.oldpostofficeguesthouse.co.uk) is the website and if you have access to ie6 you will notice that the menu is not clickable. Furthermore the footer links are not clickable. However the main content is clickable.

I have a feeling that it is something to do with the z-index or something along those lines.

Any advice or suggestions would be very helpful.

Thanks

[Jason]

Hey, welcome to the forum.

I am sorry, I cannot help much here. IE6 is a bugger to troubleshoot due to the lack of diagnostic tools. I have come across something similar to this myself recently.

Try applying.



#nav-element { z-index:20; }


This should set whatever your nav element is above the page. With my problem mentioned above this didn't fix my problem. In the end I solved it by throwing a border around everything on the top of the page. Then setting a fixed height for whatever element was overlapping. Turned out to be a 5 minute job.