<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
img {border:0px;}
#box3 { font-family:arial, verdana, sans-serif;
position:relative;
top:2em;
left:4em;
z-index:1;}
#first, #second,
#third, #forth{ position: relative;
float: left;
margin-right: 6px;}
#first a, #second a,
#third a, #forth a { color:#000000;
background:#fff;
text-decoration:none;
margin:0;
border:1px solid black;
display: block;
height: 72px;
width: 150px;}
#first a:hover, #second a:hover,
#third a:hover, #forth a:hover{ color:black;
background:#ffffff;
text-decoration:none;
border:1px solid black;}
#first a .info, #second a .info,
#third a .info, #forth a .info {display:none;}
#first a:hover .info, #second a:hover .info,
#third a:hover .info, #forth a:hover .info{ color:black;
position: absolute;
top:-10px;
background:#ffffff;
font-weight:normal;
border:1px solid black;
display:inline;
padding:0.1em;
font-size:0.9em;
z-index: 100;
left: 10px;
width: 100px;}
-->
</style>
</head>
<body>
<div id="box3">
<div id="first"><a href="#">Bild 1<img src="http://www.happylove.de/test/css/1.jpg"> <span class="info">test test test test test</span></a></div>
<div id="second"><a href="#">Bild 2<img src="http://www.happylove.de/test/css/1.jpg"><span class="info">aaaa</span></a></div>
<div id="third"><a href="#">Bild 3 <img src="http://www.happylove.de/test/css/1.jpg"><span class="info">bbbbb</span></a></div>
<div id="forth"><a href="#">Bild 4 <img src="http://www.happylove.de/test/css/1.jpg"><span class="info">ccccc</span></a></div>
</div>
</body>
</html>
