如何清除溢出：隐藏在特定对象上

我正在创建一个使用此链接的拖放式Web应用程序，并且我可以在舞台上拖动很多图像。

这是我的布局：

+----------------------------------------------------+
|                                                    |
|                                                    |
|                                                    |
|                                                    |
|            STAGE DROP AREA                         |
|                                                    |
|                                                    |
|                                                    |
|                                                    |
+----------------------------------------------------+

+----------------------------------------------------+
|  +------+  +------+  +------+  +------+  +------+  |
|< |IMG A |  |IMG B |  |IMG C |  |IMG D |  |IMG E | >|
|  +------+  +------+  +------+  +------+  +------+  |
+----------------------------------------------------+

拖放的代码可以正常工作，但是我的问题是，当我添加jCarousel类（css）时，图像A..N不可拖动。我使用JCarousel从左到右浏览图像（如果我有5张以上的图像）。

每次拖动图像时，图像都会隐藏/消失。我认为问题出overflow:hidden在.jcarousel班上。

是否可以忽略父版式.jcarousel或overflow:hidden每个图像中的？

.aspx

<div class="jcarousel">  
        <ul>
            <li> <asp:Image ID="ImageA" runat="server" ImageUrl="~/Image/Image.png" CssClass="Drag"/></li>
            <li> <asp:Image ID="ImageB" runat="server" ImageUrl="~/Image/Image.png" CssClass="Drag"/></li>
            <li> <asp:Image ID="ImageC" runat="server" ImageUrl="~/Image/Image.png" CssClass="Drag"/></li>
        </ul>
</div>

CSS文件

 .jcarousel {
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
}

.jcarousel ul {
width: 20000em;
position: relative;
list-style: none;
margin: 0;
padding: 0;
}

.jcarousel li {
float: left;
}