IE6 select 버그 - iframe

IE6 에서 select박스가 레이어 최상단에 위치하는 버그.

z-index 순서의 가장 최상위가 iframe과 select 이므로 이를 이용하여
빈 iframe을 select위에 살포시 위치시켜서 해결 완료~

<style type="text/css">

iframe { width:90px; height:100px; position:absolute; left:120px; top:70px; border:1px solid red; 

filter: alpha(opacity=0); /*익스에서 생기는 테두리를 없애기 

z-index:-99; */

}

select { margin:200px 0 0 500px; z-index:1; }

</style>

<select >

<option>Basic</option>

<option>Basic2</option>

<option>Basic3</option>

</select>

<p class="c_big_img"><img src="../images/card_big_img.png" alt="" class="png" style="cursor:pointer" />

<iframe title="빈 프레임"></iframe>

</p>

<div id="big">

<p class="c_img"><img src="../images/view_img.jpg" alt="" /></p>

        <!-- 클릭시 큰 이미지가 보일때 --> 

<p><a href="#" class="c_img_view"><img src="../images/zoom.jpg" alt="" /></a></p>

</div>