[AlertMod]

Доброго времени суток.
есть библиотека jquery

а так же скрипт

$('.join').click(function(){
    if (status==0){
    //request data for centering
    var windowWidth = document.documentElement.clientWidth;
    var windowHeight = document.documentElement.clientHeight;
    var popupHeight = $(".pop").height();
    var popupWidth = $(".pop").width();
    $(".back").css({"opacity": "0","height": windowHeight});
    $(".back").fadeIn("slow");
        $('.pop').fadeIn('slow');
        $('.pop').css({
            'bottom': -170,
            'left': 0
            });
            status=1;
        }
             
    });

    $('.back').click(function(){
        if (status==1) {
            $(".back").fadeOut("slow");
            $(".pop").fadeOut("slow");
            status=0;
            }
        });
    $('.close_button').click(function(){
        if (status==1){
            $(".back").fadeOut("slow");
            $(".pop").fadeOut("slow");
            status=0;
        }
        });

ну и html

<div class="top_navi join">Вход</div>
<div class="pop">
	<input class="l_p" name="search" value="Логин" onblur="if(this.value=='') this.value='Логин';" onfocus="if(this.value=='Логин') this.value='';" type="text">
	<input class="l_p" name="search" value="Пароль" onblur="if(this.value=='') this.value='Пароль';" onfocus="if(this.value=='Пароль') this.value='';" type="text">
	<a href="javascript: alert('Страница в процессе разработки!');">Забыли пароль</a><br>
	<input id="remember" type="checkbox" name="first">
	<label for="remember">Запомнить меня</label>
	<button>Войти</button>
	<span class="close_button">Закрыть</span>
</div>
<div class="back"></div>

<div class="back"></div> имеет фиксированую высоту и ширину, и располагается на весь экран под блоком pop
Работает везде кроме ie8
по клику блок показывается, но при нажатии на любое место на сайте, а также на кнопку закрыть, не закрывается.
Помогите пожалуйста