Javascript jQuery-动画闪烁？（IE8）

这段代码做了我需要它做的事情，但它在执行时有一个恼人的闪烁。它所做的是在底部，我有一个内联列表，包含在一个大div navContainer中，在这个大div的顶部是一个较小的div smallNavContainer。当下面的大div向左或向右移动时，较小的div将显示列表的不同部分。当我使用左边距时，它会工作，但会出现令人讨厌的闪烁，如果我使用的是just left，则在屏幕外显示的区域不会闪烁，但会显示div，列表中正在移动的其他区域都不会显示。有没有办法消除marginLeft的闪烁？或者，当我使用left时，是否有方法使列表的其余部分呈现

jQuery

$('#capeBtnsPrevTab').live("click",function() 
{   
    $("#navContainer").animate({"margin-left": "+=468"}, 1000, function(){
    });
});

$('#capeBtnsNextTab').live("click",function() 
{   
    $("#navContainer").animate({"margin-left": "-=468"}, 1000, function(){
    });
});

CSS

HTML

---

使用%而不是+=或-=可能会有所帮助，但不确定它是什么

我弄清楚了闪烁的原因，即当它的边缘与渲染的div相交时，过早地删除了每个按钮

.floatIt
{
    float:left;
}

div#smallNavContainer
{
    left: 50%;
    position: absolute;
    z-index:0;
    overflow:hidden;
    width: 780px;
    height: 88px;
    margin-left:-392px;
    margin-top: 72px;
}

#navContainer
{
    position: relative;
    margin-left:-506px;
    margin-top:0px;
}

#navlist li
{
    display: inline;
    list-style-type: none;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: -2px;
    margin-left: -2px;
}

<img class="floatIt" id="capeBtnsPrevTab" src="btn_1.png" alt="Previous"/></a>
<div class="floatIt" id="smallNavContainer">
    <div id="navContainer">
        <ul id="navlist">
            <li><img id="btn9" src="menu_one.jpg"/></li>
            <li><img id="btn10" src="menu_two.jpg"/></li>
            <li><img id="btn11" src="menu_three.jpg"/></li>
            <li><img id="btn1" src="menu_four.jpg"/></li>
            <li><img id="btn2" src="menu_five.jpg"/></li>
            <li><img id="btn3"  src="menu_six.jpg"/></li>
            <li><img id="btn4" src="menu_seven.jpg"/></li>
            <li><img id="btn5" src="menu_eight.jpg"/></li>
            <li><img id="btn6" src="menu_nine.jpg"/></li>
            <li><img id="btn7" src="menu_ten.jpg"/></li>
            <li><img id="btn8" src="menu_eleven.jpg"/></li>
        </ul>
    </div>
</div>
<a><img class="floatIt" id="capeBtnsNextTab" src="UI/btnNext_n.png" alt="Next"/></a><br/>