absolute가 다음에 relative오면 잘리는 IE버그는 어떻게 해결하나요?
원술
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
html xmlns=http://www.w3.org/1999/xhtml
head
meta http-equiv=Content-Type content=text/html; charset=utf-8 /
titleUntitled Document/title
style type=text/css
.list{
width:300px;height:300px;
position:relative;
}
#a{background:#ccc;}
#b{background:#999;}
#a_sub{
position:absolute;
top:250px;right:30px;
background:blue;width:50px;height:100px;
z-index:100;
}
/style
/head
body
div id=a class=list
div id=a_sub/div
/div
div id=b class=list
div id=a_sub/div
/div
/body
/html
---------------------------------------
위와 같은 소스인데요..
각 리스트가 쭉 나오고 그 리스트에 상세보기를 누르면 간략한 설명이 레이어 팝업으로 뜨는 디자인을 하려고 하는데요.
IE6에서는 #a_sub레이어가 다음 .list 박스아래로 들어가서 잘려요.
a,b뿐아니라... 그뒤로도 리스트가 많아서
a와 b에 각각 z-index를 주긴 힘든 상황인데... 해결 방법이 없을까요?