it's about context, if you add z-index:2000 to div#navcontainer you will be good, This is the same z-index as outercontentcontainer, which is in the same context. I suppose the later one in the rendering ends up on top. you can even remove all z-index of divs under the outercontentcontainer. And while you're at it, you can make it 1, doesn't need to be so high. Here is a good article http://css-discuss.incutio.com/wiki/Overlapping_And_ZIndex
On Thu, Jul 22, 2010 at 2:07 PM, Angela French <[email protected]> wrote: > Hello, I just noticed a z-index problem (which you can see on my test site > here: http://checkoutacollege.com:8080/ ). The issue is that when the > user clicks on one of the "Read animation" links in the "character boxes", > the resulting div#overlaycontainer is hiding under the top nav bar. I > believe there are three elements at play here. They are as follow with the > z-index I have assigned to them: > div#navcontainer (z-index:2000;) (when in use, the top nav's drop down > submenus must lay over the character boxes). > div#characterboxcontainer (z-index: 1000;) > div#overlaycontainer (z-index:3000!important;) (Should lay over everything) > > I even tried putting the z-index inline in div#overlaycontainer, but no > luck. > > I am seeing this issue in IE, FF and Opera (all I tested on). > > Any advice gratefully appreciated. > > Angela French > Internet Specialist > State Board for Community and Technical Colleges > 360-704-4316 > [email protected] > http://www.checkoutacollege.com<http://www.checkoutacollege.com/> > > ______________________________________________________________________ > css-discuss [[email protected]] > http://www.css-discuss.org/mailman/listinfo/css-d > List wiki/FAQ -- http://css-discuss.incutio.com/ > List policies -- http://css-discuss.org/policies.html > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > ______________________________________________________________________ css-discuss [[email protected]] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
