两个div的问题。请教


<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发生了变化。
但是我并不想让这种情况发生，有什么办法呢？