treehouse : what would you like to learn today?
Web Design Web Development iOS Development

[Solved] submenu behind content...not IE7!

  • Hello all!

    Just when I thought only IE7 has z-index issues I'm having trouble with FireFox!!!

    I've NEVER had this much trouble with a css menu but this is the first time I've tried this particular one.

    Please take a look at siphon-marketing.com/unifirst/level2.html and navigate the first nav item. As you can see, the submenu goes beneath the content below.

    I've played with the z-indexes quite some time now to no avail.

    I'm at my wit's end and hope a CSS god can come to my rescue :)

  • .container { z-index: 11; }
    

    #slide-shadow (contains the stuff the nav falls behind) has z-index: 10. While .container (contains the nav) only has z-index: 1.

    edit: oh I see you have two .containers. Give the header container another class and give that a high z-index. Otherwise:

      body > .container:first-child { z-index: 11; }
    
  • YOU DA MAN!

    This is the 2nd time you've bailed me out...do you do this freelance? I could use somebody like you :)