：hover标记中的css溢出

我有一张图像（一张地图），上面有一些使用position:absolute和每个poi的坐标放置的兴趣点。我希望它使用以下方法扩展鼠标上方每个POI的信息：

.poi a {
    width: 32px;
    height: 32px;
    overflow: hidden
}

.poi a:hover {
    width: 128px;
    height: 192px;
    overflow: auto
}

---

这在IE中运行良好，但在firefox或chrome中不起作用。它不是裁剪溢出，它只是一次显示所有信息。

使它们成为块或内联块元素，因为（从上面的代码段）链接是内联的，不会有溢出

.poi a {
    width: 32px; 
    height: 32px; 
    overflow: hidden;
    display: block;
}

---

使它们成为块或内联块元素，因为（从上面的代码段）链接是内联的，不会有溢出

.poi a {
    width: 32px; 
    height: 32px; 
    overflow: hidden;
    display: block;
}