Mira, hice un ejemplo para que veas que con Simple HTML sin JavaScript se puede hacer:
Cita: <style type="text/css">
#PunteroAqui:hover{ width:230px; height:230px; position:absolute;}
#PunteroAqui{width:12px; height:18px; border:1px solid black; overflow:hidden; padding:10px; background-color:#FFC; position:absolute; margin-top:-250px;}
</style>
<div style="border:3px dashed #CCC; width:250px; height:250px; margin:10px; padding:10px;">
<img src="http://i140.photobucket.com/albums/r29/Perky_Sofy/anime_angel.jpg" width="250" height="250" />
<div id="PunteroAqui">
<font style="font-size:24px; left:0px; top:0px;"><strong>?</strong></font>
<br />
CONTENIDO<br />
Este codigo puede ser reducido a lo necesario.<br /><br />
Simplemente lo elabore mas para mostrar un ejemplo.<br /><br />
<strong>kuriel</strong>
</div>
</div>
Pruebalo, esta muy bueno jeje...