javascript - jquery uiのドラッグ可能が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 行目にコメントを付けて、ドラッグできるようにします。