CSS / Tipps / Links mit Infopop [IE|M]

<style type="text/css">
div.infopop {
	position: relative;
	margin: 0px;
	padding: 0px;
}

div.infopop a {
	position: relative;
}

div.infopop a i {
	z-index: -1;
	display: block;
	visibility: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	min-width: 100%;
}

div.infopop a:hover i, div.infopop a:active i, div.infopop a:focus i {
	z-index: 1;
	visibility: visible;
	background-color: #dadada;
	white-space: nowrap;
	overflow: visible;
	margin: 0px;
	margin-right: -1000px;
	padding: 0px;
	cursor: pointer;
	font-style: normal;
}
</style>

<div class="infopop"><a href="#">Hier finden Sie viele Bilder...
<i>Hier finden Sie viele Bilder von meinem Italienurlaub</i></a></div>

<div class="infopop"><a href="#">Meine Büchersammlung  über...
<i>Meine Büchersammlung  über die Entstehung der Dinosaurier</i></a></div>

<div class="infopop"><a href="#">Lieblinksseiten im Internet...
<i>Lieblinksseiten im Internet über Dinosaurier und Echsen</i></a></div>