IE6 select box 가 div를 뚫어 버리는 버그

이 골치덩어리 IE6.. 이놈은 무슨 생각에 그랬는지 모르겠지만 select box는 z-index 를 무시하고 무족건 최상위로 나타난다.

이것보라.. 이것이 ie6의 select box 힘이다!! 무엇이든 뚫어 버려요~~
이것을 해결하는 방법은 2가지가 있다.

첫째, select box를 없애라.
보통의 경우에 해당 상황이 되는 것은 div를 이벤트로 띄우는 경우이다. 즉, 처음에는 div가 없다가 어떠한 이벤트 핸들러로 해당 div를 display 해주는 거지.
이때 브라우저가 ie6인 경우 해당 페이지의 select 박스를 없애 주는 거다. 반대로 해당 div를 다시 없앨때는 select 박스를 다시 띄우는 거쥐~

둘째, iframe를 사용하자.
select box 가 무엇이든 뚫을수 있다고 했지만 iframe.. 무적 select box를 유일하게 가릴수 있는 놈이다. 이놈을 가리고 싶은 곳에 넣고 iframe은 투명으로 바꾸자.

 
에효.. 정말 애쓴다 애써~ -_-;
ie6… 넌 왜 아직도 점유율이 50%가 넘는거니… -_-;;