[jQuery] jquery drag drop problem

[jQuery] jquery drag drop problem


i hope, i'm right here...i have a problem with jquery drag & drop and
didn't find any solutions in the web...
i have div's nested in other div's. all div's (even the subdiv's)
should be draggable by their own. it works perfekt in firefox and
chrome but not in internet explorer. here is the code to test it (to
see the problem, just try to drag "sub21" in internet explorer):
<!DOCTYPE html>
<html>
<head>
<link type="text/css" href="http://jqueryui.com/latest/themes/base/
ui.all.css" rel="stylesheet" />
<script type="text/javascript" src="http://jqueryui.com/latest/
jquery-1.3.2.js"></script>
<script type="text/javascript" src="http://jqueryui.com/latest/ui/
ui.core.js"></script>
<script type="text/javascript" src="http://jqueryui.com/latest/ui/
ui.draggable.js"></script>
<script type="text/javascript" src="http://jqueryui.com/latest/ui/
ui.droppable.js"></script>
<style type="text/css">
#draggable { width: 100px; height: 70px; background: silver; }
    #droppable { position: absolute; left: 250px; top: 0; width: 125px;
height: 75px; background: gray; color: white; padding: 10px; }
</style>
<script type="text/javascript">
    $(document).ready(function(){
     $('div[class*=acceptable]').draggable( {
        });
    });
</script>
</head>
<body style="font-size:62.5%;">
<div class=" CategoryTreeTag">
    <div class="acceptable CategoryTreeSection">
        <div class="CategoryTreeItem">
            <span class="accepting CategoryTreeBullet">
                <a href="/wiki/index.php/Category:Main1" class="CategoryTreeToggle
CategoryTreeLoaded" onclick="this.href=&#39;javascript:void(0)&#39;;
categoryTreeCollapseNode(&#39;Main1&#39;,{&quot;mode&quot;:
0,&quot;hideprefix&quot;:
20,&quot;showcount&quot;:false,&quot;namespaces&quot;:false},this);"
title="collapse"><img src="/images/resultset_next.png" /></a>
            </span>
            <a class="accepting CategoryTreeLabel CategoryTreeLabelNs14
CategoryTreeLabelCategory" href="/wiki/index.php/
Category:Main1">Main1</a>
        </div>
        <div class="CategoryTreeChildren" style="display:block"><i
class="CategoryTreeNotice">no subcategories</i></div>
    </div>
</div>
<div class=" CategoryTreeTag">
    <div class="acceptable CategoryTreeSection">
        <div class="CategoryTreeItem">
            <span class="accepting CategoryTreeBullet">
                <a href="/wiki/index.php/Category:Main2" class="CategoryTreeToggle
CategoryTreeLoaded" onclick="this.href=&#39;javascript:void(0)&#39;;
categoryTreeCollapseNode(&#39;Main2&#39;,{&quot;mode&quot;:
0,&quot;hideprefix&quot;:
20,&quot;showcount&quot;:false,&quot;namespaces&quot;:false},this);"
title="collapse"><img src="/images/resultset_next.png" /></a>
            </span>
            <a class="CategoryTreeLabel CategoryTreeLabelNs14
CategoryTreeLabelCategory accepting" href="/wiki/index.php/
Category:Main2">Main2</a>
        </div>
        <div class="CategoryTreeChildren" style="display:block">
            <div class="acceptable CategoryTreeSection">
                <div class="CategoryTreeItem">
                    <span class="accepting CategoryTreeBullet">
                        <a href="/wiki/index.php/Category:Sub21"
class="CategoryTreeToggle" onclick="this.href=&#39;javascript:void(0)
&#39;; categoryTreeExpandNode(&#39;Sub21&#39;,{&quot;mode&quot;:
0,&quot;hideprefix&quot;:
20,&quot;showcount&quot;:false,&quot;namespaces&quot;:false},this);"
title="expand">
                        <img src="/images/resultset_next.png" /></a>
                    </span>
                    <a class="CategoryTreeLabel CategoryTreeLabelNs14
CategoryTreeLabelCategory accepting" href="/wiki/index.php/
Category:Sub21">Sub21</a>
                </div>
                <div class="CategoryTreeChildren" style="display:none"></div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
is this a bug in jquery or am i doing something wrong?