<div id="ss"

style="width:100px;height:200px;border: 1px solid #ccc;

overflow-x: hidden;margin-right:auto;margin-left:auto;">

<div id="info" style="width:200px;">

abcdefghijklmnopqrstuvwxyz</div>

</div>

内层div的宽度比外层div宽度大。而且设置了外层div  overflow-x: hidden;从展现效果来看，没有任何问题。

问题出现在chrome和safari中：

当我按住鼠标在外层div中移动，当移出外层div时，内部div的内容再移动。貌似是内层div的position发生了变化。
但是我并不想让这种情况发生，有什么办法呢？