Html 使用css为两列创建悬停信息

我使用php生成链接，然后使用css将它们分为两列。此外，当用户将鼠标悬停在链接上时，会显示额外的信息，如title属性。这一切都很好，除了当我在第二列中的一些东西上悬停时，额外的信息不会显示。 这是我的css代码：

#pantherGal{
    position:relative;
    height:667px;
    width:840px;
    background-color:rgba(0, 0, 0, .9);
    top:-1269px;
    left:-850px;
    padding-left:10px;
    overflow:auto;
    color:#393;
    font-family:Arial, Helvetica, sans-serif;
    font-size:x-large;
    column-count:2; 
    -moz-column-count:2; /* Firefox */
    -webkit-column-count:2; /* Safari and Chrome */
}
a.tip:hover {
    position: relative;
}
a.tip span {
   display: none
}
a.tip:hover span {
    position:relative;
    padding:5px 20px 5px 5px;
    display:block;
    z-index:100;
    background-color: rgba(0, 0, 0, .9);
    color:#393;
    margin-left:10px;
    width:250px;
    position:absolute;
    top:10px;
}

链接在id为pantherGal的节中生成，然后链接html如下所示

<a href="#" class="tip"><span>Extra<br>Info</span>This Is A Link With Extra Info</a><br>

我删除了类中的位置：绝对

---

a.tip:hover span

现在开始工作了。

我删除了类中的位置：absolute

---

a.tip:hover span

现在开始运行。

您指的第二列是什么？这是你现在的代码：对不起，他们有50个这样的链接。你指的第二栏是什么？这是你现在的代码：很抱歉，他们有50个这样的链接。哇，直到你指出来我才看到。谢谢你的帮助。哇，直到你指出来我才看到。谢谢你的帮助