两个div的有关问题。请问 _JavaScript

两个div的问题。请教

HTML code


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

------解决方案--------------------
没想到什么好的方法，先这样吧：

HTML code

<div id="info" onmousedown="return false;" ...>

------解决方案--------------------
这个没弄过

------解决方案--------------------
探讨

把overflow-x:hidden改成overflow:hidden就可以了。我也不知道为什么。太神奇了