HI All,
I recently tried to add a horizontal nav to a page and it seems to work in FF but not in IE. I have tried changing the z-index to different parts of the ul used for the navigation layout but it doesn't seem to be improving the situation. Can anyone offer any advice please? Ieven tried putting the ul in a new div and giving it an id, but to no avail.
I am sure I had this problem before at one time and actually resolved it, but looking at files on my pc I can't find where I got it to work in the past.
Cheers
Andy
Your nav needs to have the
Your nav needs to have the id 'nav' for that script to work.
Yup, I noticed
Yup, I noticed that....oops..... so reuploaded it.
But the dropdown is still underneath the main group of images in IE... any ideas?
Cheers
Andy
Try this: #nav
Try this:
#nav { position:relative; z-index:100; display:inline-block; }
Thanks for the
Thanks for the recommendation. I tried but no luck.
I even tried making it z-index: 900.
Originally I had to add thisli:hover ul, li.over ul { display: block; z-index:200; } /* The magic *//* This seemed lift nav over underlying page content in FF*/
to get FF to display properly so started playing with adding a z-index of 200 to a few things but nothing resolved the problem. Surely it MUST be a z-index issue somewhere....
Cheers
Andy
Solved. I didn't label the
Solved.
I didn't label the ul as belonging to #nav.
Cheers
Andy