jquery - ポップアップを IE 7 CSS 問題で動作させることができないようです

Question

http://madaxedesign.co.uk/dev/

右上には、ポップアップ情報と連絡先として機能する 2 つのボタンがあります。IE 7 で押すと、マスクがポップアップの上を越えて表示されなくなるという問題がありました。次に、これは CSS の不透明度が原因であることに気付き、以下の CSS を使用して IE 7 スタイルのみのシートを作成しました。

IE7 CSS:

#mask { 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)!important";
    filter: alpha(opacity=0)!important;  
    -moz-opacity: 0.0!important; 
    -khtml-opacity: 0.0!important;
    opacity: 0.0!important; 
    display: none; 
}

すべてのブラウザの CSS:

#mask {
display: none;
background: #000; 
position: fixed; left: 0; top: 0; 
z-index: 10;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=75); -moz-opacity: 0.75; -khtml-opacity: 0.75; opacity: 0.75;
width: 100%; height: 100%;
z-index: 999;}

 #popup {
display: none;
width: 60%;
height: auto;
background-image: url(../images/pop_up_bg.jpg);
border-bottom: .4em solid #0a0b0f;
border-right: .4em solid #0a0b0f;
padding: 25px 30px;
position: absolute;
top: 5%;
left: 16%;
z-index: 2000;}

次に、マスクをキャンセルした後、ポップアップの z-index が 2000 でマスクが 999 であっても、マスクが上にあるためにポップアップを閉じることができないことに気付きました。なぜこれが上にあるのかわかりません下ではなくポップアップ。

どんな助けでも素晴らしいでしょう

ありがとう