depende de la estructura de tu html. si tienes los enlaces en una lista, puedes poner el contenido -los DIVs- dentro de la lista. en este ejemplo, ademas de apreciar la posicion, tambien hace el efecto de mostrar y esconder. pero como ya mencione, este ultimo lo implementas de acuerdo a lo que necesites. concentrate particularmente en las primeras dos reglas.
Código:
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN'
'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml'><head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Test Development</title>
<script type='text/javascript'>
</script>
<style type='text/css'>
ul li{
position:relative;
float:left;
width:4em;
border-bottom:1px solid blue;
list-style:none;
}
ul li div{
position:absolute;
left:0;
display:none;
border:1px solid blue;
width:30em;
height:30em;
}
a{
display:block;
text-align:center;
text-decoration:none;
}
li:hover div{
display:block;
}
</style>
</head>
<body>
<ul>
<li><a href="">link</a> <div>content</div></li>
<li><a href="">link</a> <div>content</div></li>
<li><a href="">link</a> <div>content</div></li>
</ul>
</body></html>