CSS "Tooltip" mit Link innen drinn

[CGollhardt]

Habe jetzt schon seit 2 Stunden gegoogelt, aber ich bekomme irgendwie nichts anständiges dabei heraus.

Und zwar möchte ich für mein Browsergame "Tooltipps" erstellen, in denen man noch Links aktivieren kann.

Ich habe an so etwas wie bei phpBuddy.eu - Tipps & Tricks für PHP Anfänger in der Navi Liste gedacht. So weit wie ich beurteilen kann, ist das mit CSS relasiert wurden. Aber irgendwie ist mir der Quelltext der template.css zu kompliziert.

Mit der Recherche die ich bei google getrieben habe, bin ich so weit:

<style>
a.tooltip:hover {
	position: relative;
	background: transparent;
}
a.tooltip span {
	position: absolute;
	visibility: hidden;
	top: 1em;
}
a.tooltip:hover span {
	visibility: visible;
}
</style>

<p>Hier gibt es einen <a href="#" class="tooltip">Link<span>Willst du meine Webseite Besuchen? Dann klicke <a href="http://www.gollhardt.eu">hier</a>!</span></a> zu meiner Webseite</p>

Hier meine Testdatei:
http://supergoku.de/test.php

Aber das ergibt nicht das gewünschte Ergebnis. Würde ich keinen Link einbauen, dann ja, aber das ist genau mein Problem. JS möchte ich nicht verwenden, und erst recht nicht, diese "fetten" Bibliotheken, die ich gefunden habe.

Ich hoffe ihr versteht was ich meine

Danke im Vorraus

 

[prm]

Das wird nicht klappen, denn das Element "a" darf nicht innerhalb "a" vorkommen:
SELFHTML: HTML/XHTML / Referenz /HTML-Elementreferenz

 

[CGollhardt]

Das habe ich mir bereits gedacht, aber das war nur um zu zeigen wie weit mein Lößungsansatz ist (gleich 0).