div+css banner的问题

如图所示，在IE6中banner 只显示半个，在谷歌火狐中均正常显示
#banner {position:relative; width:999px; height:302px; overflow:hidden; margin:0 auto;}
#banner_list img {width:997px; height:300px;border:0px;border:1px solid gray;}
#banner_text {position:absolute;width:120px;z-index:1002; right:3px; bottom:3px;}
#banner ul {position:absolute;list-style-type:none;filter: Alpha(Opacity=80);opacity:0.8; border:1px solid #fff;z-index:1002;
margin:0; padding:0; bottom:3px; right:5px;}
#banner ul li { padding:0px 8px;float:left;display:block;color:#FFF;border:#e5eaff 1px solid;background:#6f4f67;cursor:pointer;}
#banner ul li.on { background:#900;}
#banner_list a{position:absolute;}
-------------------------------------------------------------------------------

<div id="banner">
<ul>
<li class="on">1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
<div id="banner_list">
<a href="#" target="_blank"><img src="images/1.jpg" title="" alt="" /></a>
<a href="#" target="_blank"><img src="images/1.jpg" title="" alt="" /></a>
<a href="#" target="_blank"><img src="images/1.jpg" title="" alt="" /></a>
<a href="#" target="_blank"><img src="images/1.jpg" title="" alt="" /></a>
</div>
</div>

谁能帮我解答啊，这段代码没问题，单个拿出去显示正常，但是放到我的那个网页中就不正常了，就出现IE6只有半个的情况。
不知道是上面原因

代码改一下：
<div id="banner">
加一个div<div>
<ul>
<li class="on">1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
</div>
<div style='clear:both;'></div>

<div id="banner_list">
<a href="#" target="_blank"><img src="images/1.jpg" title="" alt="" /></a>
<a href="#" target="_blank"><img src="images/1.jpg" title="" alt="" /></a>
<a href="#" target="_blank"><img src="images/1.jpg" title="" alt="" /></a>
<a href="#" target="_blank"><img src="images/1.jpg" title="" alt="" /></a>
</div>
</div>
测试一下

温馨提示：内容为网友见解，仅供参考

当前网址：https://11.t2y.org/zz/8p4vmf42f.html