myGully.com - CSS Effekt Problem

Nabend,

ich habe folgende Idee in einem kleinen Projekt bei einem Mouse-Over über das Wort Impressum eine kleine "Box" aufgeht die dann kurz einige Daten anzeigt.
Da muss kein volles Impressum rein - nur einige Eckdaten. Wenn man dann auf das Wort klickt liegt ein Link zum Impressum bereit.

Ich hab nur absolut keine Ahnung wie ich es angehen soll.

HTML

Code:

<footer id="footer">

    <a href="impressum.html" id="impressum">Impressum</a>

    </footer>

CSS

Code:

 #footer {

    position: fixed;

    margin-top: 25%;

    height: 200px;

    width: 1100px;

    border: 2px solid black;

    background-color: #666666;

    text-align: center;

}



#impressum {

    font-family: sans-serif;

    font-size: 12.5px;

    text-decoration: none;

    color: #89B916;

}

    #impressum:hover {

    color: #999;

}

So sieht das im Moment aus. Jemand eine Idee? Auf .js möchte ich gänzlich verzichten. Alles soll mit HTML und CSS laufen.

Grüße