CSS Infobox für ausgehende Links

Habe mal wieder eine kleine CSS Spielerei für euch.

Beispiel: Klick mich
CSS Code

/* CSS styles for outgoing Links */
a[href*='http://']:after {
	content: "Ausgehender Link zu " attr(href);
	display:none;
	text-align:center;
	color:#ccc;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	padding:10px 0;
	background:#333;
	line-height:20px;
}


a[href*='http://']:hover:after {
	display:block;
}
/* ############################# */

<p>
Dies ist ein ausgehender Link zu <a href="http://www.google.de">www.google.de</a>.
</p>

Das ist zwar genial, aber ich halte kleine Symbole für sinnvoller, wie ich das gemacht habe.
Ich post das auch mal hin.

Ja Thonixx ich weiß was du meinst aber hier geht es ja darum das man auch mal Links setzt die zb. "Hier klicken" heißen und durch diese Technik wird einem die Zielurl angezeigt.

Zu Opera überlege ich mir derzeit einen Bugfix das Problem liegt in der Verbindung von :hover:after & position:fixed mit position:absolute funkt es ...