使用懸停我的css工具提示不工作在IE8

Question

我使用工具提示基於css懸停屬性在圖像上，它的工作在IE10，IE11，Chrome和Firefox上的頁面很好，但在IE8（避風港不會在IE9上測試），當鼠標懸停在圖像上時，symply工具提示將不會顯示。

我在找什麼添加到我的網頁做出這項工作的一些建議。

CAPSULAS <div id="imgel" class="imgel"> 
     <div id="imgem" class="imgem"> 
      <img src="/images/ER.jpg" width="16" height="16" border="0" /> 
      <span>Valorar relación riesgo/beneficio en el embarazo.</span> 
     </div> 
     <div id="imgla" class="imgla"> 
      <img src="/images/LC.jpg" width="16" height="16" border="0" /> 
      <span>No usar en la lactancia.</span> 
     </div> 
     </div> 

這是CSS

.imgel { 
    display:inline; 
    width:60px; 
    margin-left:5px; 
    } 
.imgem { 
    width:19px; 
    display:inline; 
    position:relative; 
    margin-left:4px; 
    } 
.imgla { 
    width:19px; 
    display:inline; 
    position:relative; 
    margin-left:4px; 
    }  
.imgem span { 
    visibility:hidden; 
    position:absolute; 
    left:50px; 
    top:-5px; 
    background:#F8F8FF; 
    /*width:80px;*/ 
    width:auto; 
    height:18px; 
    border:1px solid #404040; 
    font-size:7pt; 
    line-height:160%; 
    vertical-align:middle; 
    white-space:nowrap; 
    } 
.imgla span { 
    visibility:hidden; 
    position:absolute; 
    left:30px; 
    top:-5px; 
    background:#F8F8FF; 
    /*width:80px;*/ 
    width:auto; 
    height:18px; 
    border:1px solid #404040; 
    font-size:7pt; 
    line-height:160%; 
    vertical-align:middle; 
    white-space:nowrap; 
    } 
.imgem:hover span { 
    visibility:visible; 
    } 
.imgla:hover span { 
    visibility:visible; 
    }  

問候

Answer 1

剛剛發現這個答案：

Title tooltip is not shown when span is child of anchor

我應用的DOCTYPE頭和它的工作。

Answer 2

而不是使用visibility:hidden 使用 display:none

則表明它使用display:inline-block

那應在ei8/9工作及以上