Question

I have a vertical scrolling website – It works fine in IE7 aside from a few margin issues and problems rendering some .PNGS – but I have one big problem;

I’m using two fixed positioned menus – one that slides out at an anchor point and one that just sticks to the bottom. Essentially – ones always at the top with the scroll and ones always at the bottom.

They stick, and work fine – problem is, I’m using z-index in the CSS and it seems IE7 is having some problems with it – with IE7 the sticky menus go behind the content. I read a suggestion trying to position it to ‘relative’. But that would destroy the fixed.

Any suggestions? Thanks for anything –

Sub Question – of less importance, as I’m no longer carrying IE6 – but, is there a way to continue using these menus for IE6 – a way to work around it not reading position: fixed?

Here’s an image to illustrate the problem better. http://tinypic.com/r/20fqqkp/7

Answer 1

Try the zindex fix http://www.vancelucas.com/blog/fixing-ie7-z-index-issues-with-jquery/