Problemer med placering ad span

Hejsa..
Jeg sidder og roder med et lille problem.
Jeg har en side hvor der kommer et stort billede frem når man holder musen hen over et billede.
Se eks. her: http://www.charter-hotel.dk/index.php?s=showallpics&hotelid=476
Men jeg vil gerne have at billedet altid bliver centret på skærmen og lige over de små billeder.

Min CSS til det ser sådan her ud:
a.info {
    position: relative;
    z-index: 3;
    background-color: #ccc;
    color: #000;
    text-decoration: none
}
a.info:hover {
    z-index: 4;
    background-color: #ff0;
}
a.info span{
    display: none;
    z-index: 5;
}
a.info:hover span{
    display: block;
    position: absolute;
    top: -30em;
    left: 2em;
    border: 1px solid #000;
    background-color: #fff;
    color: #000;
    z-index: 6;
}

Nogen der kan hjælpe ?