jquery ui draggable在ie9 div margin auto中不起作用

Question

我有点沮丧，因为这是我第一次无法获得在IE7和IE8中运行的代码在IE9中做同样的事情。

问题出现了，当我试图将div放在另一个div中时，让孩子成为一个可拖动的孩子，为父母做了text-align:center，为孩子做了margin:auto。

#center-menu-container {
    float: left;
    margin-left: 10px;
    width: 880px;
    z-index: 100; /*IE7 fix to lay above image map*/
    text-align: center;
}

和子div

#levelmenu {
    margin: auto;
    width: 150px; 
}

我设法在jsFiddle中重现了这个问题。只需将css面板的第23行评论为 让它可以拖延。