Проблема с JQuery Lights в IE7

Question

На следующей странице: http://westendmediacentre.com/dev/

Я использую всплывающее окно jquery, которое появляется, когда вы нажимаете «Войти» или «Regster». Если щелкнуть любой из них, «свет» на остальной части страницы тускнеет, поэтому всплывающее окно становится более заметным.

Отлично работает в IE9, FF, Safari и т. Д., Но в IE7 над содержимым отображается div "lights", несмотря на то, что содержимое имеет более высокий z-индекс.

Если вы просматриваете источник на странице, вы должны видеть весь код и т. Д.

Как я могу решить эту проблему?

Answer 1

Вы должны удалить position: relative в класс .container. Затем присвойте position: fixed классу .register-box, ширину в процентах (например, 50%) и left: 25%.