In IE7, overlay is on top of modal

[ghost]

Leanmodal works great; however, in IE7, the overlay sits on top of the modal, so the modal is darkened. It is setup just like it is on your examples page.

jQuery: $("a[rel*=leanModal]").leanModal({ top : 200, overlay : 0.5, closeButton: ".modal_close" });

CSS: .hidden{ background:#f3f3f3; padding:30px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; position:relative; display:none;}

lean_overlay { position: fixed; z-index:10000; top: 0px; left: 0px; height:100%; width:100%; background: #000; display: none}

Any Ideas how to make this work, or this is a known bug?

[ghost]

You can see an example by pressing the "get certificate button" in IE7: http://bajdesign.com/grantsafe/details-verified.php

[MiBiT-Discuss]

But the leanmodal examples do work in IE7, so how come you don't explain why this is a bug on leanmodals part and not your code?
Obviously, if you have set up your page "just as the examples" and the examples work and your page does not, then you have not set it up like the examples.

[shanoy]

Hello, I have the same problem..How to fix it? Thanks

[MiBiT-Discuss]

Shanoy. You need to compare your code with the leanmodal examples.