hi there we have a z-index problem with a div that's supposed to be over a particular div. the div named (house-over-banner) is absolute, whilst the one below it is relative.
In Firefox, IE6, 8 - it shows all good! Just in IE7, it doesn't!
the link is www.showhome3d.com.au. - it's the house over the baner on the right hand side of the page Please let me know if you can help me. Thanks
A dirty css trick is to make parent div relative while the child div absolute. This way child div won't escape out of the parent div but you have not done something like that, you might do it that way to see if this works for you. Also z-index only works with elements which are set to absolute positioning.
positioned elements in IE 6 and 7 form their own z-index stacking context, which is unescapable.
I couldnt work out how to reply to Calebs Post so ill just post here,
im one of the team working with caleb on this (we are all combining forces to slay this beast of an issue :P ) but what appears to be happening now is that sometimes it will work in IE 7 and then other times it wont..its just chance when the page loads as to if it will be on top of below.
We applied a jquery z-index fix (http://www.vancelucas.com/blog/fixing-ie7-z-index-issues-with-jquery/comment-page-1/) which has seemed to cause this behaviour but its weird that it is not consistent