html一个div浮动在另一div上,css – 在另一个DIV的顶部浮动DIV

我最近被分配了复制我们以前的Web开发者制作的JS弹出窗口的工作.我有一个非常相似但有一件事我不能得到,关闭按钮(X)漂浮在弹出的右上角的弹出窗口(而不是坐在弹出窗口的右上角).我已经尝试了在Stack和Stack中发现的CSS和其他属性中的position：值,但是没有一个似乎没有办法.

CSS：

#popup {

position:absolute;

display:hidden;

top:50%;

left:50%;

width:400px;

height:586px;

margin-top:-263px;

margin-left:-200px;

background-color:#fff;

z-index:2;

padding:5px;

}

#overlay-back {

position : fixed;

top : 0;

left : 0;

width : 100%;

height : 100%;

background : #000;

opacity : 0.7;

filter : alpha(opacity=60);

z-index : 1;

display: none;

}

.close-image {

display: block;

float:right;

cursor: pointer;

z-index:3

}

HTML：