jquery - ポップアップ ボックスの上に表示される IE7 JS ポップアップ マスク

Question

この IE 7 のバグを解決するのに大きな問題があります。IE7 以外のすべてのブラウザで問題なく動作します。

以下は開発リンクです http://madaxedesign.co.uk/dev/

右上に移動して IE7 で情報と連絡先を押すと、ポップアップ ボックスの上にマスクが表示されます。他の誰かがこれと同じ問題を抱えているのではないかと思っていました。以下は私のCSSとJqueryです。

CSS マスク:

#mask {
display: none;
background: #000;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0.8;
z-index: 999;}

Jクエリ:

$('a.info , a.info_footer').click(function() {
    $("html, body").animate({ scrollTop: 0 }, 600);
    $("#popup").load("/info.html");
    // Getting the variable's value from a link
    var 
    show = $('#popup').css('display', 'block'),
    popup = $(this).attr('href');

    //Fade in the Popup and add close button
    $(popup).fadeIn(300);

    //Set the center alignment padding + border
    var popMargTop = ($(popup).height() + 24) / 2; 
    var popMargLeft = ($(popup).width() + 24) / 2; 

    $(popup).css({ 
        'margin-top' : -popMargTop,
        'margin-left' : -popMargLeft
    });

    // Add the mask to body
    $('body').append('<div id="mask"></div>');
    $('#mask').fadeIn(300);

    return false;
});