So hab jetzt was gefunden hab es angepasst und es funktioniert. Problem ist nur die Position von links, wenn die Bilder in der Mitte sind kommt die Box immer an der gleichen stellen. Gibts da ne möglichkeit die Position auf das Element zu fixieren?
<style type="text/css">
a.infobox { border-bottom: 1px dashed #c30; text-decoration:none; }
a.infobox:hover { cursor:help; color:#c30; background:white; }
a.infobox span { visibility:hidden; position:absolute;
margin-top:2.5em; padding:10px; text-decoration:none; }
a.infobox:hover span, a.infobox:focus span, a.infobox:active span {
visibility:visible; left:400px;
border:1px solid #c30; color:blue; background:white; }
</style>
<a class="infobox" href="#INFO"><img src="url.jpg"><span> <b>Infobox:</b><br />Text</span></a>