问IE7:绝对定位的子Div，其中'right‘的CSS值为负值

EN

我已经找了好几个小时了：

我正在创建一个小条形图，并使用jQuery进行动画处理。

我将“右”栏设置为“左”栏的子级，这样当我为它们的宽度属性设置动画时，它们就会始终保持在一起。因此，在异步动画过程中，它们永远不会分离。(我可以让左边的栏有动画效果，右边的栏会跟着标记……，因为它是一个子元素)

我用jQuery设置了这两个条的高度/宽度(使用“left”和“right”类)。我对左栏的width属性进行了动画处理以调整其大小。为了调整右边栏的大小，我设置了CSS " right“属性的动画。

所以问题来了:在' right‘为负值的情况下，右边的div是不可见的(我也尝试了’value right‘)。如果“right”为正值，则它会礼貌地出现在其父div (左栏)中。当我试着把它放在“左”栏的右边时，它就消失了。

救命！！:-O

它在IE8和其他任何地方都能很好地工作。

<div class="container" >
                <div class="left">
                    <div class="right"></div>
                </div>  
</div>


div.left{
    background-color:#93dbfb;
    overflow:visible;
    position:absolute;
    width:300px;
    left:0px;
}

div.right{
    background-color:#ffce42;
    z-index:100;
    position:absolute;
    width:300px;
    right:-300px;
}

(同样，height/width和right属性都是用jQuery设置动画的)

**更新**

我已经尝试使用它的LEFT属性(使用值left.width +值)来设置右侧栏的位置。同样的问题出现了。