CSS Obrazek popup

[Drakhtul]

Witam. Mam taki problem. Chciałbym żeby po najechaniu na obrazek wyświetlała się ramka z informacjami. Tak jak w kodzie, który umieściłem ale tutaj jest tylko do tekstu. Mógłby go ktoś przerobic żeby działał na obrazkach?

HTML :

Kod:

<a class="tooltip">Classic<span class="classic">TEXT</span></a>

CSS :

Kod:

a.tooltip {
   color: #000000; outline: none;
   position: relative;
}
a.tooltip span {
   margin-left: -999em;
   position: absolute;
}
a.tooltip:hover span {
   font-family: Calibri, Tahoma, Geneva, sans-serif;
   left: 1em;
   top: 2em;
   margin-left: 0;
   width: 250px;
   background:#000;
   color:#cecece;
   padding: 5px 5px 5px 10px;
}
a.tooltip:hover img {
   border: 0;
   margin: -10px 0 0 -55px;
   float: left;
   position: absolute;
}
a.tooltip:hover em {
   font-family: Candara, Tahoma, Geneva, sans-serif;
   font-size: 1.2em;
   font-weight: bold;
   display: block;
   padding: 0.2em 0 0.6em 0;
}
a.classic { padding: 0.8em 1em;}
a.custom { padding: 0.5em 0.8em 0.8em 2em;}