[RESOLU] Utilisation de plussieurs class [CSS]

[Single Dark]

Bon je vous passe les détails car c'est pas important.

Alors, je veut utiliser plussieurs class.

Je montre le code.

Code :

<div style="position: relative;">

<img src="image/batiments/fond.jpg" alt="" height="418" width="600">

<a class="info" href="">
<img class="p_main" src="image/batiments/mine_fer.gif" alt="Mine de fer">
<span>Voici là mine de fer.</span>
</a>

</div>

Et le css :

Code :

<style type="text/css">
a.info{
    position: relative;
}
a.info span {
   display: none;
}
a.info:hover {
   background: none;
   text-decoration: none;
}
a.info:hover span {
   display: inline;
   position: absolute;
   white-space: pre;
   top: -30px;
   left: 20px;
   background: #161A1B;
   color: #97aae6;
   padding: 10px;
   border: 1px solid #444444;
   z-index: 10;
}
</style>

Code :

.p_main {
    position:absolute;
    z-index:2;
    left:260px;
    top:106px;
}

Donc içi le problème c'est que les class doivent s'annuler, ou quelque chose du genre.
L'affichage est décaler, et si j'enleve le 'class="info', ca va, mais j'ai pas mon infobulle.
J'ai eu beau trouné le problème dans tous les sens, et pas de reponse.

Merci