se puede hacer también con javascript, pero si tienes la posibilidad de hacerlo con css, es mas conveniente, por diversos motivos
Cita: <html>
<head>
<style type='text/css'>
ul li{
position:relative;
float:left;
width:4em;
border-bottom:1px solid #FF0000;
list-style:none;
}
ul li div{
position:absolute;
left:0px;
display:none;
border:1px solid #FF0000;
width:100px;
height:100px;
}
a{
display:block;
text-align:center;
text-decoration:none;
}
li:hover div{
display:block;
}
</style>
</head>
<body>
<ul>
<li><a href="">Ver div1</a><div>Aqui mi contenido del div1</div></li>
<li><a href="">Ver div2</a><div>Aqui mi contenido del div2</div></li>
<li><a href="">Ver div3</a><div>Aqui mi contenido del div3</div></li>
<li><a href="">Ver div4</a><div>Aqui mi contenido del div4</div></li>
</ul>
</body>
</html>