[thelist] z-index issues in ie6 and ie7

[Chris Dorer]

List,

Why when I use a table and style it with a z-index of 5 in FireFox it plays
nicely and lies underneath a div dialog box that's a z-index of 13.


HOWEVER, in ie the table craps out and has a commanding z-index layer that
supersedes the dialog box's z-index of 13.

What information can I provide you besides the following:

function a(){
    var heightOfDoc = $(document).height();
    $("<table id='disablePage' " +
        "style='z-index:5; display:none; position:absolute; top:0px;" +
        "left:0px;' width='100%' height='" + heightOfDoc + "px'><td></td>" +
        "</table>").prependTo("body");
}

function disablePage() {
    // $("#disablePage").css("display", "block");
    $("#disablePage").css("z-index", "5");
    $("#disablePage").css("background-color", "red");
    alert( $("#disablePage").css("z-index") );
}

function unDisablePage() {
    $("#disablePage").css("display", "none");
}

Thanks for your tips,

Chris