Hola te mando cómo podría ser, sólo tienes que sustituir el contenido de "capa1" y ajustar la capa al diseño de tu página.
<html>
<head>
<title>New Document</title>
</head>
<body>
<div id="capa2" style="position:absolute;" onmouseover="document.getElementById('capa1').styl e.display='block'"
onmouseout="document.getElementById('capa1').style .display='none'">
<a href="javascript
:void(0)">Hola</a>
</div>
<br>
<br>
<div id="capa1" style="position:absolute; width:200px; height:115px; z-index:1; background-color: #999933;
layer-background-color: #999933; border: 1px none #000000; display: none; left: 75px; top:
278px;">holaaaaaaaaaaaaaa</div>
</body>
</html>
Un saludo.