jQuery/CSS problemėlė su positioning'ais

Gaminau kinda lightbox'ą, ir susidūriau su problema jį uždarant. Noriu, kad užsidarytų paspaudus už div#popUp rib7, kas reikštų, kad paspaudus and div#background. Bet deja, niekaip nesigauna normaliai sutvarkyt, nes jQuery naudojant #background kaip selektorių uždaromas ir paspaudus and #popUp.

HTML:

<div id='background'>
<div id='popUp'>
	<div id='close'><img alt='Close' src='aaa/.../close.png'></img></div>
	<img src='aaaa'></img>
	<div>
		aaaaa
	</div>
</div>
</div>

CSS:

#background{
display:none;
position:fixed;
width:100%;
height:100%;
z-index:1001;
background:rgba(0,0,0,.7);
background-attachment:fixed;
}

#popUp{
position:absolute;
top:50%;
left:50%;
border:5px solid #eee;
background:#eee;
}

#popUp #close{
position:absolute;
cursor:hand;
background:#eee;
height:32px;
width:32px;
top:-20px;
right:-20px;
}

jQ:

$(".assd").click(
function(){
imgID = this.id;
$("#background").fadeIn(200);
$("#background").load("<?php echo $url ?>/static/popup.php?imgID="+imgID+"");
});

$("#background").not(document.getElementById('popUp')).click(
function(){
	alert("aaaa");/*sitoj vietoj uzdarom*/
});