[Safer]

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

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

CSS

 #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