ie css bug-如何维护位置:页面上动态javascript内容更改时的绝对位置

我有一个页面,其中有一个列和一个内容分区,有点像这样:

<div id="container">
    <div id="content">blahblahblah</div>
    <div id="column"> </div>
</div>

有了一些样式,我有一个在列和内容之间拆分的图像,但需要保持相同的垂直位置,以便它对齐。

样式与此类似:

#column 
{
    width:150px;
    height:450px;
    left:-150px;
    bottom:-140px;
    background:url(../images/image.png) no-repeat;
    position:absolute;
    z-index:1;
}

#container 
{
   background:transparent url(../images/container.png) no-repeat scroll left bottom;
   position:relative;
   width:100px;
}

当内容 #content 在呈现前动态加载。这在Firefox中也非常有效。但是,在IE6和IE7中,如果我使用javascript更改 γ含量 ,图像不再排列( #column 不动。如果我使用IE开发者栏来更新DIV(比如手动添加位置:绝对位置),那么图像会跳下并再次对齐。

我这里有什么东西不见了吗?

@里基-嗯,这意味着在这种情况下,我认为没有解决办法。在最好的情况下,之后会有一场精彩的对决,但是随着我的内容的扩展和收缩等,隐藏/展示并不实际。仍然感谢您用最好的解决方案回答。