Jqueryui可调整大小。光标通过其他元素到达前景

我有一个可调整大小的容器。在这个容器中，我在一个div中有一个列表。这个列表比容器大，所以它位于外部。我的问题是，当我将鼠标悬停在列表的某个元素上时，如果光标位于容器边框的高度，光标会发生变化，我可以调整容器的大小

这是一个演示

唯一要做的是一个简单的

$（“#main”）。可调整大小({
句柄：'s'
});

只需将鼠标悬停在列表的不同行上，即可看到光标的变化

怎么可能呢？我的列表在一个div中，在前景中有一个特定的z索引“2”。就像背景容器通过我的列表出现在前台一样。
它看起来像一个内联样式
z-index:1000正在应用于
.ui-resizable-s

.divAmUl{
    position: relative;
    padding:0;
    margin:0;
    width:100px;
    z-index:1001;  /* changed z-index */
    border:1px solid #a6c9e2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color:white;
 }

这是因为可调整大小的jqueryui处理程序在元素上设置了1000的
z-index

您可以设置更高的z索引，如2000：

 .divAmUl{
    position: relative;
    padding:0;
    margin:0;
    width:100px;
    z-index:2000;
    border:1px solid #a6c9e2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color:white;
 }

工作提琴：
30秒后的答案是一样的：-（2000似乎是过火的想法，我理解你的感觉，爱德华，有好的解决方案，晚了2秒^^，也得到了+1