ul+li+images+ie = проблема

[rtl_one]

есть обьект div, внутри него еще один див который крутит показ банеров.

   <div id="carusel">
        <div id="bannerRotator">
            <ul>
                <!--<img src="123_files/1390x140&text=one.gif" alt="bannerImage1">-->
                <li rel="1" style="display: block; opacity: 0.828293;"> <a href="#"><img src="123_files/1390x140&text=one.gif" alt="bannerImage1"></a></li>
                <li style="display: list-item; opacity: 0.171707;" rel="2"> <a href="#"><img src="123_files/1390x140&text=two.gif" alt="bannerImage2"></a></li>
            </ul>
            <!--<div timeoutid="83" id="bannerNav"><a class="" rel="1" href="#"></a> <a class="active" rel="2" href="#"></a> <span class="pause"></span> <span href="#" class="play" style="display:none;"></span> </div></div>-->
    </div>
#carusel { position: relative; height: 150px; width: 1400px; margin: 8px auto 0px; display: block; border: 1px solid rgb(204, 204, 204); } #bannerRotator { position: relative; height: 140px; width: 1390px; margin: 4px auto 0px; display: block; border: 1px solid rgb(204, 204, 204); } #bannerRotator ul li img { } #bannerRotator ul li { display: none; position: absolute; }

Так вот в эксплорере центровка дива bannerRotator не работает. Сбивается на пару пикселей вправо и вниз. Если убрать ul li и поставить внутри bannerRotator <img src="123_files/1390x140&text=one.gif" alt="bannerImage1">, то центрирование имеджа внутри дива bannerRotator работает кроссбраузерно. Что я неправильно делаю ?