ie6select框弹出框问题

select框不被弹出框遮盖，而是透明显示。

看网上说有两种方法，

1.弹出框弹出式时将select框隐藏。

2.iframe将下面遮盖

将下面代码放入弹出框中

<iframe scrolling="no" style="position:absolute;top:0;left:0;width:485px;height:120px;-moz-opacity:0;-webkit-opacity:0; opacity:0; filter:alpha(Opacity=0);background:transparent;z-index:-1;"> </iframe>   

不过弹出框中文字和icon会被挤跑，正在解决

附上主要代码

<script type="text/javascript">
$(document).ready(function(){
    var hideobj=document.getElementById("hidebg");
  $(".click1").click(function(){
   hidebg.style.display="block";
   hidebg.style.height=document.body.clientHeight+100+"px";
  $(".tip1").fadeIn(200);
  });
    $(".sure").click(function(){
  $(".tip1").fadeOut(100);
  document.getElementById("hidebg").style.display="none";
});

  $(".cancel").click(function(){
      document.getElementById("hidebg").style.display="none";
  $(".tip1").fadeOut(100);
});


  $(".tiptop a").click(function(){
    document.getElementById("hidebg").style.display="none";
  $(".tip1").fadeOut(200);
});

</script>

<ul class="toolbar">
        <li class="click1"><img src="images/iadd.png" title="新增"/></li>

</ul>

     <!--模态窗  禁用-->
     <div class="tip1" style="width:420px">
        <div class="tiptop" style="width:420px"><img src="img/disable.png"/><span>禁用<a></a></span></div>
         <div class="tipinfo">
        <span style="float:left; width:50px"><img src="img/warning.png"/></span>
        <div class="tipright" style="padding-top: 10px; padding-left: 8px;">
        <p style="font-size:16px;">确定禁用选中印模？</p>
        </div>
        </div>
        <div class="tipbtn" style="margin-left: 300px;">
        <img src="img/ok.png" class="sure" />
        </div>
        <iframe scrolling="no" style="position:absolute;top:0;left:0;width:485px;height:120px;-moz-opacity:0;-webkit-opacity:0; opacity:0; filter:alpha(Opacity=0);background:transparent;z-index:-1;"> </iframe>    
     </div>