IE7 and IE8 visibility issue

Question

I am facing a weird problem firstly the ribbon is visible but as I scroll down the jquery transition makes the navigation bar visible but ribbon went.

Its working fine in Firefox, Chrome, Safari, and IE9+ but not in IE7 and IE8.

http://toplevel.toplevelnetworking.com/

Thanks in advance.

Answer 1

First off, that's pretty cool :). It's kind of tricky for me to quickly get an understanding of your HTML structure. But I bet it's a z-index issue. I see you have the containing div of the ribbon set to position absolute and z-index:999. That's great. For stuff you want it ontop of, set to position relative (or absolute if you need to, just make sure it's one of the two). And set the z-index to something lower, such as 1.