IE8 在使用 li 时不会悬停 position:absolute

And the CSS code for the corresponding HTML is:

#map ul li {
position: absolute;
list-style: none;
top: 0;
left: 0;
width: 100px;
height: 100px;
text-align: center;
display: block;
}

#map ul li a {
color: #000;
text-decoration: none;
color: #fff;
display: none;
position: absolute;
top: 0;
left: 0;
}

#map ul li:hover a {
display: block;
}

#map ul li a span {
display: block;
width: 100%;
height: 120px;
border: 2px solid #777;
}

#map ul li a span.para {
display: block;
background: #777;
padding: 2px;
-moz-border-radius: 5px;
border-radius: 5px;
width: 100px;
}

这在所有浏览器中都非常有效，但 IE8 不显示悬停时的跨度.但是，如果我放一个边框: 1px 纯红色；在 li 上，跨度确实出现了，但前提是我的鼠标恰好位于 1px 细边框上.如果光标在 inside li，则不会显示.