title: My css tooltip using hover doesn't work on IE8
body: <p>I'm using a tooltip basen on css hover property over an image, the page it'w working just fine on IE10, IE11, Chrome and Firefox but on IE8 (haven't tested on IE9) the tooltip symply won't display when I mouse over an image.</p>
  
  <p>I'm looking for some suggestions on what to add to my web page to make this work.</p>
  
  <pre><code>CAPSULAS &lt;div id="imgel" class="imgel"&gt;
          &lt;div id="imgem" class="imgem"&gt;
             &lt;img src="/images/ER.jpg" width="16" height="16" border="0" /&gt;
             &lt;span&gt;Valorar relación riesgo/beneficio en el embarazo.&lt;/span&gt;
          &lt;/div&gt;
          &lt;div id="imgla" class="imgla"&gt;
             &lt;img src="/images/LC.jpg" width="16" height="16" border="0" /&gt;
             &lt;span&gt;No usar en la lactancia.&lt;/span&gt;
          &lt;/div&gt;
        &lt;/div&gt;
  </code></pre>
  
  <p>This is the css</p>
  
  <pre><code>.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;
      }     
  </code></pre>
  
  <p>Greetings</p>