Infobulle personalisée & IE

Bonjour, j'ai un petit soucis avec mon infobulle perso, je vais vous le montrer en image:

Avec FF(là tout est ok):
http://images.imagehotel.net/cmtq9ntnnc.jpg

Avec IE7(là tout foire):
http://images.imagehotel.net/7eyoghtpbu.jpg

Que dois je faire pour régler le problème?

Merci d'avance

Mon code css:

/* Infobulle
-----------------------------------------------------------*/
a.info {
  position:relative;
  text-decoration: none; 
  font-weight: bold;
}
a:hover.info {
  text-decoration: none;
  background: none;
}
a.info span {display: none;}
a:hover.info span {
  display: inline;
  position: absolute;
  top:1.5em;
  left:2.4em;
  z-index: 20;
  background: #187dcd;
  color: #fff;
  border:1px solid #ffffff;
  width:100px;
  text-align:center;
  font-weight:normal;
  font-size: 10px;
  line-height:12px;
  padding:2px 4px;