Sorry I can't provide a more compact piece of code for an example, but I'm not sure exactly which parts are the most important. Here's the link... I'll try to list all the important parts here. http://www.l4eclan.com/bipcotest/menutest.htm If you go to the link, you'll see that the little picture in the box fades between several different images. If you mouse-over the menu at the top, you'll notice drop-down menus for navigating around the site (the links don't work... that's only a test). The Automotive menu is a problem though, because it appears behind the fading pictures in IE (thought not in Firefox). I've given the menus a super-high z-index... like 5500 I think... and the fading image a low one like 10, and still the picture appears on top in IE. Is there any way to make the menu's appear over top of the image in IE? Nothing I have tried has worked.
Hmm... maybe I should be more descriptive. The menus are here, as best I can trace it: <body><div><table><tr><td><table><tr><td><table><tr><td><table><tr><td><div><div><div> <ul><li><ul> Code (markup): I've tried putting this in the CSS, but no luck: .menu ul ul { width: 1em; position: relative; z-index: 5500; } Code (markup): The javascript seems to work by creating an array of images, creating two or three canvases to put the pictures on, and fading between canvases. I've tried putting low z-indexes in all the html that the javascript produces, but no luck there either. Maybe there is something I'm missing about IE that is causing these pictures to appear on top despite their z-indexes?