IE7 Absolute element appearing behind relative one

Question

I know there is the bug where absolute elements appear above relative ones. However I am getting the reverse of this issue.

The z-index on the \"bottom\" element is

Answer 1

$(function() {
var zIndexNumber = 1000;
$('div').each(function() {
    $(this).css('zIndex', zIndexNumber);
    zIndexNumber -= 10;
});

});

Use the above if already using jQuery. Details here: http://www.vancelucas.com/blog/fixing-ie7-z-index-issues-with-jquery/