수다닷컴

테이블위에 레이어팝업 띄우는 문제 인데요

테이블을 감싸는 div가 있습니다.

div에는
overflow:hidden; position:relative; width:958px; height:612px; overflow-x:scroll;

이렇게 되어있습니다. overflow-x:scroll를 준 이유는 테이블이 고정 사각형안에서 가로 스크롤바가 생겨야하기때문이죠

그리고 table안에

a href=# class=tiptest divtest/div/a
이렇게 주고

css로 레이어팝업을 띄우게 만들었지요...
a.tip {position:relative;}
a.tip div {display:none; position:absolute; top:0; left:0; width:153px; height:51px; padding:5px; background:#000; text-align:left;}
a:hover.tip {font-size:99%;}
a:hover.tip div {display:block;}

그런데 문제는 중간에 있는 레이어팝업들은 잘 뜹니다.

하지만 tbody 처음에 있는 tr에 있는 레이어팝업들은 중간이 짤립니다.

이미지 첨부합니다.

어떻게 하면 위에도 아래 레이어팝업들처럼 짤리지 않고 나올까여? z-index 써봐도 안됩니다.

신청하기