IE6,7透明BUG求助

HTML code

<div id="con">
    <div id="lis"></div>
</div>

CSS code

#con{width:100px; height:100px; border:10px solid #CCC; position:relative;}
#lis{width:200px; height:50px; background:#0FF; position:absolute; top:0; left:10px;}

类似以上页面布局，当给#con加上透明度的时候，在IE6,7下#lis超出#con的部分将会被隐藏

这个是个什么原理。。。怎么解决呀。。。

没有人回答？

HTML code

确实是个奇怪的问题，贴个中庸的办法，多加了个标签
<style>
#con{width:100px; height:100px; border:10px solid #CCC;filter:alpha(opacity=20);opacity:.2;}
.test{position:relative;}
#lis{width:200px; height:50px; background:#0FF; position:absolute; left:10px; top:0;filter:alpha(opacity=20);opacity:.2;}
</style>

<div id="con">
    <div class="test">
        <div id="lis"></div>
    </div>
</div>