使用transform让Div居中的问题

[qq_31149867]

各位好，请教一个DIV居中的问题；
代码如图
var content = $('#div_mx').html();
$("#div_mx").html('');
var winWidth = document.documentElement.clientWidth;
g_mxbynumbox = new LightBox("div_mx", 'XXXXX', content, 500, 1200, function () { $('#div_mx').html(content); });
g_mxbynumbox.Show();
g_mxbynumbox.GetBox().css({ width: "600px", height: "280px", top: '50%', left: '50%', transform: ' translate(-50%, -50%)' });

这样做在让DIV居中后出现了一个问题，就是当鼠标点击了div的顶部的标题栏后整个div就会移动，我并没写让div可以拖动的参数，而且移动并不是跟着鼠标，准确说像是被鼠标挤开的感觉，一旦这么点击后那这个窗口就停不下来了，只能刷新页面。
想问问各位这种问题是因为什么，目前我测试到主要是因为transform这个参数。
top: '50%', left: '50%', transform: ' translate(-50%, -50%)'设定后div可以居中了 但是也是在设定了transform后就出现了上述问题。

[天际的海浪]

那就别用transform， 改用marginLeft:"-300px",marginTop:"-140px"方式居中

[qq_31149867]

用marginLeft:"-300px",marginTop:"-140px"一样也是这个这个问题