수다닷컴

이전에 한번 물어봤었던건데 다시 질문올립니다 ;;;;

위 이미지가 다른 보통 브라우저에서 뜨는 모습에요=

뒤에 보이는 쪽 먼저작업 후 레이어 하나를 더 만들어서 위에 얹어서 팝업이 나오는 모습이 보여지는 건데요

음/... 희한하게 ie6에서만 보여지질 않네요;;; 아예....
바로 위에 처럼 아예 팝업창은 보이지도 않구....

보이기라도 하면 어케 해볼텐데 아예 나오지도 않아서 모르겠네요...

소스 올릴께요 //이유 분석 부탁드려요 ㅎㅎ 좀 깁니다 ;;;;;

!--컨텐츠S--
div id=login-body
div class=body-line
div class=board-back
div class=pop-up2
div class=title-line
dt class=icon-btn
img src=contents/images/register/icon-topbtn.gif/
/dt
dd class=message
忘记密码
/dd
/div
div class=content-bg
p class=message-text您的电子邮发送临时密码。br
一个临时密码, 您可以登录一不次。br
请更改您的码后登录/p
/div
div class=oksign
a href=#img src=contents/images/activity/ok-btn.gif//a
/div
/div
div class=close2
a href=#img src=contents/images/activity/close-btn.gif//a
/div
div class=bg-top
div class=list-title
ul
li class=first-lest
img src=contents/images/login/list01.gif/
/li
li class=second-list
img src=contents/images/login/list02.gif/
/li
/ul
/div
div class=list-contents
ul
li
div class=text-box
input type=text class=keyword
/div
dt class=iconimg src=contents/images/activity/icon-point.gif//dt
dd class=red-text是不存在的电子邮件。/dd
/li
li
div class=text-box
input type=text class=keyword
/div
dt class=iconimg src=contents/images/activity/icon-point.gif//dt
dd class=red-text请输入验证码/dd
/li
li class=last
div class=text-box2
img class=typo src=contents/images/register/type-img.gif/
/div
dt class=icon-replyimg src=contents/images/register/retrun-btn.gif//dt
/li
/ul
/div
div class=clr/div
div class=gray-btn
a href=#img src=contents/images/login/gray-bt.gif//a
/div
/div
div class=clr/div

div class=bg-center/div
div class=bg-bottom
div class=bottom-btn
a href=#img src=contents/images/login/red-text-btn.gif//a
/div
/div
/div
/div
/div
div class=clr/div
!--컨텐츠E--
----------------------------------
.board-back { width: 676px; padding: 80px 0 0 109px; position: relative; }
.board-back .bg-top {width: 674px; height: 286px; background: url(../images/member/background-top.gif) repeat-x;
border-left: 1px solid #dfdddd; border-top: 1px solid #dfdddd; border-right: 1px solid #dfdddd;
float: left; display: block; line-height: 0; font-size: 0;}
.board-back .bg-top .list-title { float: left; display: block; padding: 65px 0 0 80px; }
.board-back .bg-top .list-title ul {}
.board-back .bg-top .list-t .list-title ul li { }
.board-back .bg-top .list-title ul li.first-list { padding-left: 12px; }
.board-back .bg-top .list-title ul li.second-list { padding-top: 34px; }
.board-back .bg-top .list-contents { float: left; display: block; padding-top: 56px; }
.board-back .bg-top .list-contents ul {}
.board-back .bg-top .list-contents ul li { height: 30px; padding: 0 0 18px 16px; }
.board-back .bg-top .list-contents ul li.last { height: 30px; padding: 0 0 0 16px; }
.board-back .bg-top .list-contents .text-box { width: 293px; height: 28px; border-top: 1px solid #d1d1d1; border-right: 1px solid #e9e9e9;
border-left: 1px solid #d1d1d1; border-bottom: 1px solid #e9e9e9; float: left; display: block; }
.board-back .bg-top .list-contents .text-box2 { width: 162px; height: 86px; border-top: 1px solid #d1d1d1; border-right: 1px solid #e9e9e9;
border-left: 1px solid #d1d1d1; border-bottom: 1px solid #e9e9e9; float: left; display: block;
background-color: #ffffff; }
.board-back .bg-top .list-contents img.typo { padding: 2px 0 0 2px; }
.board-back .bg-top .list-contents .keyword { width: 291px; height: 26px; line-height: 25px; vertical-align: middle; }
.board-back .bg-top .list-contents dt.icon { float: left; display: block; padding: 8px 0 0 20px; }
.board-back .bg-top .list-contents dt.icon-reply { float: left; display: block; padding: 63px 0 0 20px; }
.board-back .bg-top .list-contents dd.red-text { float: left; display: block; padding: 8px 0 0 5px; color: #fe3c83; }

.board-back .bg-center { width: 676px; height: 5px; float: left; display: block; line-height: 0; font-size: 0; background: url(../images/member/gradient2.gif) no-repeat center; }

.board-back .bg-bottom { width: 674px; height: 68px; float: left; display: block; background: url(../images/member/background-bottom.gif) repeat-x;
line-height: 0; font-size: 0; border-right: 1px solid #dfdddd; border-left: 1px solid #dfdddd; border-bottom: 1px solid #dfdddd; }
.board-back .bg-bottom .bottom-btn { padding: 12px 0 0 261px; }

-------팝업부분------------

.board-back .pop-up2 { width: 435px; height: 226px; top: 137px; left: 210px; border: 3px solid #f3508b; position: absolute; background-color: #ffffff; }
.board-back .pop-up2 .title-line { width: 403px; height: 38px; border: 1px solid #c63167; background: url(../images/member/title-bg.gif) repeat-x; margin: 15px 0 0 15px; }
.board-back .pop-up2 .title-line dt.icon-btn { padding: 12px 0 0 10px; float: left; }
.board-back .pop-up2 .title-line dd.message {padding: 13px 0 0 35px; color: #ffffff; }
.board-back .pop-up2 .content-bg { width: 404px; height: 109px; background-color: #fcfcfc; border: 1px solid #e1e1e1; margin: 16px 0 0 15px; }
.board-back .pop-up2 .content-bg p.message-text { padding-top: 13px; text-align: center; color: #505050; line-height: 28px; }
.board-back .pop-up2 .oksign { padding: 12px 0 0 184px; }
.board-back .close2 { position: absolute; top: -3px; left: 438px; }

신청하기