ui.tabs problem with z-index in IE6
Hi guys,
I'm using the excellent ui.tabs plugin on the following page:
http://ostrich.freshegg.com/above-ground-pools.asp
I have also built a rather complicated drop-down navigation menu (hover over
"our products") in CSS-only and unfortunately the Tabs and the Menu aren't
getting along well together in IE6.
As you can see in IE6 if you hover over the Menu, it's shown below the Tabs
(description, specification, etc.) Both elements have z-index properties,
the Tabs are z-index:2 and the Menu is z-index:200, both have positions set
in CSS. In theory, this should work.
I've tried using custom IFrame shims, even tried the excellent bgiframe
jQuery plugin, but neither worked. I've had a look through the Tabs
JavaScript file to see if there are any obvious mentions z-index or layers
but can't find any. Is it possible that the JS is giving the Tabs a higher
z-index than the CSS does through the DOM? The problem doesn't seem to
appear until *after* the Tabs JS has loaded, also turn JS off and it's fine.
Just wondering if you guys have seen this before and if you had any joy
fixing it?
Many thanks,
Spencer.
--
View this message in context: http://www.nabble.com/ui.tabs-problem-with-z-index-in-IE6-tp15560513s27240p15560513.html
Sent from the jQuery UI Discussion mailing list archive at Nabble.com.