[REGLE] Bug d'affichage sur IE

[Ogham]

Bonsoir,

Je réutilise ce message puisque mon nouveau problème est un peu du même ordre un peu plus bas dans le code de ma carte donc ...

Pour situer un peu:
Ma carte est un bête fond de carte affiché en background sur lequel sont affichées des repères (points), le plus souvent des liens dont les coordonnées (x,y) sont récupérées dans ma bdd.

Il y a donc des points pour figurer les villes et j'essaie de mettre une infobulle (tout css) sur ces points.
Mon code fonctionne parfaitement sur firefox mais bug gravement sur IE.

d'abord voilà le code:

Code PHP :

<?php 

// le css

<style>

a.info {

position: absolute;

}

a.info span {

display: none;

}

a.info:hover {

background: none; /* correction d'un bug IE */

z-index: 500;

}

a.info:hover span {

display: inline;

width:200px;

height:260px;

background:#fdf7ed;

line-height:15px;

color: #717556;

padding: 5px;

border:1px dashed #bcbe92;

}

</style>

// le html (toutes les données sql sont bien récupérées avant)

<div class="calque3">

//là l'image lien

<a href="fiche_joueur.php"class="info">

<IMG STYLE="position:absolute;z-index:2; 

TOP:<?php echo $y;?>px; LEFT:<?php echo $x;?>px; 

WIDTH:2px; HEIGHT:2px" 

SRC="images/carte/point.gif"alt="image ville" />



//là les caractéristiques de l'infobulle (première partie)

<span STYLE="position:absolute;top:<?php echo $y1;?>px;left:<?php echo $x1;?>px;">

//contenue de l'infobulle (je l'ai retiré pour plus de clarté il ne semble pas poser problème)

</span>



//là les caractéristiques de l'infobulle (deuxième partie)

<span STYLE="position:absolute;height:140px;text-align:center;top:<?php echo $y2;?>px;left:<?php echo $x2;?>px;">

//contenue de l'infobulle

</span>

</a>

</div>