Welp, I'm at my wits end. If you look at my link, you'll notice that in IE 6 and 7, the links that overlap the absolutely positioned background divs (e.g. all the animal links) are not hot (they neither execute the rollover nor display a pointer or link to anything). No amount of z-indexing seems to resolve the problem. What have I done?

Thanks all in advance.

1 answer

o.k.w 2355
This was chosen as the best answer

The problem not only exists in IE6/7, but all other modern browsers too.

The main reason is the z-index of div.bg-lyrics-snake having higher value than the div.content. Hence it becomes a mask rather than a background. I suspect any z-index specified within 'div.content' will be z-positioned within the child of div.content.

For the background I suggest swapping the texture background for div.container with div.bg-lyrics-snake, OR place div.bg-lyrics-snake inside div.container.

Answered over 9 years ago by o.k.w
  • Thanks o.k.w. Moving the bg divs into the container did it. :) matt kristiansen over 9 years ago