IE和Firefox对齐问题

Question

.container{
width: 988px;  
height: 420px;  
margin:0 auto;  
text-align: center;
}

.banner {
width: 988px;  
height: 420px;  
text-align: left;
position:relative;
}

它无法正常工作：
在Firefox中它位于中心，但在Internet Explorer中它位于左侧。

我尝试了margin，但是当我放大或缩小时，它会改变它的位置;

---

<div id="container">
  <div id="banner">
    <ul class="bjqs">
      <li>
        <a href="#.html"><img src="slider/001.jpg"></a>
      </li>
    </ul>
  </div><!-- End outer wrapper -->
</div>
<!-- Load jQuery and the plug-in -->
<script src="js/libs/jquery-1.6.2.min.js" type="text/javascript"></script>
<script src="js/basic-jquery-slider.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function() { $('#banner').bjqs({ 'animation' : 'slide', 'width' : 988, 'height' : 420 }); }); 
</script>