移动div和z-index的IE问题

Question

我的情况是可定制的产品具有拖放功能。

html结构如下所示。

式：

#imageholder {
    background: url("http://domain.com/img-rf-310.jpg") no-repeat scroll center top transparent;    
    border: 1px solid #DDDDDD;
    float: right;
    height: 600px;
    overflow: hidden;
    padding: 0;
    width: 650px;
}
.holder {
    border: 1px dotted #666666;
    display: inline-block;
    position: absolute;
    left: 226px;
    top: 104px;
    z-index: 1;
}

#visible {
    background: url("http://domain.com/img-rf-310.jpg") no-repeat scroll center top transparent;
    border-left: 25px solid rgba(255, 255, 255, 0.4);
    border-right: 25px solid rgba(255, 255, 255, 0.4);
    height: 600px;
    pointer-events: none;
    position: relative;
    width: auto;
    z-index: 1000;
}

<div style="position:relative;float:right;overflow:hidden;">
<div id="imageholder>
    <ul style="position:absolute;">
        <div style="top: 104px; left: 226px; z-index: 1;" class="holder ui-draggable" id="holder_g2">
            <span rel="g2" id="remove">x</span>
            <div style="overflow: hidden; position: relative; width: 200px; height: 150px; top: 0px; left: 0px; margin: 0px;" class="ui-wrapper">
                <img width="200" height="150" data="http://domain.com/modules/modulename/galleries/1/21.jpg" src="http://domain.com/modules/modulename/galleries/1/21.jpg" class="gimg ui-resizable" id="imgg2" style="resize: none; position: static; display: block; height: 150px; width: 200px;">
                <div class="ui-resizable-handle ui-resizable-e" style="z-index: 1000;"></div>
                <div class="ui-resizable-handle ui-resizable-s" style="z-index: 1000;"></div>
                <div class="ui-resizable-handle ui-resizable-sw" style="z-index: 1000;"></div>
            </div>
        </div>
    </ul>
    <div id="visible"></div>
</div>
<br style="clear:both;">
</div>

现在#visible div来一个透明层，这是必须拥有的，它应该是最重要的。 div.holder div是可移动的，并且它在mozilla和chrome中工作正常，即我无法触及div.holder div（我假设它是因为z-index值）。请为此问题建议任何解决方法。