I am working on a css-based website which has a navigation row running across the top of the page. This consists of a background gif on the left side and a set of drop downs next to that. Of course this all works fine in FireFox but not in IE. What happens in IE is that if I use a postition call so that the background image shows up, it sends all the dropdowns underneath the other elements on the page regardless of the z-index associated with them. Has anyone else ever encountered this problem of having a conflict between revealing a background image and having dropdown elements fall on the top level of the other page elements? Thank you very much.
I saw this using a cms made simple template I made. It had a drop down navigation that dropped right in under the header image. All I had to do is make sure all of my div z-indexes where alright and it cleared it up. Another thing to try, if it is a javascript drop down is to move the code to the begining of the page and to the end of the page. Depending on what order the code is executed, it might load it behind or in front of something else.
thank you. altering the z-index has no effect, unfortunately. the js is called from an included components.php file. i moved it around in there to no avail. thank you for your ideas, though!