Javascript 将绝对div定位在相对容器内

我有一个图像，并希望在该图像的悬停上显示一个滚动弹出div。下面是我的代码

<div class="wrapper">
    <ul class="popup">
        <li><a href="#"Link 1</a></li>
                  <li><a href="#"Link 2</a></li>
        <li><a href="#"Link 3</a></li>
                  <li><a href="#"Link 4</a></li>
    </ul>
    <img src="iOpenPopupOnHover.gif" /
</div>
<div class="wrapper">
    <ul class="popup">
        <li><a href="#"Link 1</a></li>
                  <li><a href="#"Link 2</a></li>
        <li><a href="#"Link 3</a></li>
                  <li><a href="#"Link 4</a></li>
    </ul>
    <img src="iOpenPopupOnHover.gif" /
</div>
...

像这样的

.wrapper {
    float: left;
    position: relative;
    overflow: visible;
}

---

嗯……是的……我太傻了……这解决了问题……但不幸的是，我面临另一个问题……我不能使用overflow:visible，因为我使用overflow:hidden用于布局（清除浮动等）。。因此，我需要一些其他的方法来根据鼠标点击位置来定位弹出窗口。我想在点击某个图像时显示一个滚动弹出窗口。虽然我能够显示弹出窗口，但它会显示溢出：隐藏。我使用溢出：隐藏用于布局目的，因此无法更改为溢出：可见（清除浮动等）。。所以我需要一些其他的方法来根据鼠标点击的位置来定位弹出窗口。你可以让弹出窗口在溢出之外：隐藏容器，绝对定位。然后，单击图像时，根据图像的offset（）.top和offset（）.left属性，使用jQuery设置弹出窗口的left和top属性。如果这不合理，请在另一个问题中抛开它，我们将帮助您：）

.wrapper {
    float: left;
    position: relative;
    overflow: visible;
}