Css IE-7图像未出现在顶部

我在MouseOver上显示了一个div的工具提示

。该工具提示在Firefox和IE8中正确显示。但在IE-7中，它是在div.HTMl标记之后出现的

<table cellspacing="0" cellpadding="5" border="0" id="tblEmployee">
<tbody>
<tr>
<td>
<div class="dvBorder" empid="1" nomineeid="21">
<img style="padding: 5px;" src="../../Images/user.jpg" alt="user">
<span class="EmpolyeeName">First Last</span><span class="EmployeeEmail">mail@amdocs.com</span></div></td>
</tr>
</table>

css类

.RollOverTip
{
    background-image: url("/Images/screen2-rollover-tooltip.png");
    background-repeat: no-repeat;
    color: #000000;
    font-family: Calibri Regular;
    font-size: 18pt;
    height: 199px;
    line-height: 20pt;
    margin-left: 385px;
    position: absolute;
    width: 474px;
    z-index: 90000;
    padding:34px;
}

.dvBorder
{
    background-image: url(/Images/screen2-button.png);
    background-repeat: no-repeat;
    height: 125px;
    width: 400px;
    cursor:pointer;
    position: relative;
}

css是否有问题，因为它在IE-8，FF中工作。
尝试将z-index添加到.dvBorder类中：

.dvBorder
{
    background-image: url(/Images/screen2-button.png);
    background-repeat: no-repeat;
    height: 125px;
    width: 400px;
    cursor:pointer;
    position: relative;
    z-index:0; /* If this doesn't work, try -1 */
}

我想让rollovertip div在DVBorder上翻版我知道这就是你想要的。。。如果给.RollerOverTip一个9000的z索引，给.dvBorder一个z索引，它基本上为它奠定了基础。试试看，让我知道会发生什么，或者发布一个实时链接或小提琴。如果设置为-1，鼠标上方就不会出现任何图像。如果将其设置为1，则“行为相同”意味着itI后面没有更改图像。我将尝试删除表、tbody、tr、td（与表相关的任何内容）。与裸露的最小元件一起工作。这可能是因为表有某种干扰，或者html元素没有正确嵌套以使z-index正常工作。
.dvBorder
{
    background-image: url(/Images/screen2-button.png);
    background-repeat: no-repeat;
    height: 125px;
    width: 400px;
    cursor:pointer;
    position: relative;
    z-index:0; /* If this doesn't work, try -1 */
}