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.