css在a：hover标签中溢出

Question

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

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

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

这在IE中工作正常，但它在firefox或chrome中不起作用。它没有裁剪溢出，它只是一次显示所有信息。

Answer 1

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

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