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