problem with z-index

[owosso]

I've finally gotten my CSS drop down to work, however, I'm still having problems with the layering. The left menu drops down behind the bottom graphic. I've played with z-indexes but haven't solved the issue.
Any help?

http://www.adunate.com/Lakeside/indextest.html

As far as I know this drop down is working in all browsers. Please let me know if I'm wrong!

[WebJoel]

I'm not so sure about being able to assign an effective z-index:n to anything except an image. It seems to me that everytime I've tried making a DIV carry a z-index (for an <UL>, whatever), it fails to work.
You could give this image:
<div id="collage"><img src="images/collage.LL.gif" alt="collage of high school students" width="750" height="190" /></div>
a z-index:-1; value,
except only IE recognizes 'negative' z-indexes.

What I'd do, is try to get the image collage.LL.gif out of the document by making be the background-image of the container <div id="collage">... that would work and then the drop-down list would not be occluded, even without the current z-index:500; or whatever it has....

-the site is looking nice. :)

[owosso]

Background image! Duh, why didn't I think of that!

I did that plus a few more adjustments and it's working fine. On another forum, someone pointed out I was listing my z-index measurements with px. Another duh on my part.

Thanks so much!

http://www.adunate.com/Lakeside/indextest.html

[WebJoel]

You are welcome. :)