Hola a todos.
Yo lo haría así:
Código HTML:
<?xml version="1.0" encoding="UTF-8"?>
<!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" xml:lang="sp" lang="sp">
<head>
<meta http-equiv='Content-Type' content='text/xml; charset=UTF-8'/>
<title>un poco de dinamismo</title>
<style type='text/css'>
.item { list-style: none; list-style-position: inside;
padding: 0.2ex; margin: 0.2ex; }
a { color: darkblue; text-decoration: none;}
ul { border: transparent solid 0.1ex; }
ul:hover { border: peru solid 0.1ex; }
ul:hover cite,
ul:hover em { color: maroon; }
div:hover ul { display: block; }
div:hover a { color: blue; text-decoration: underline;}
.editorial { width: 30%;}
.oculto ul { display: none; }
.vista { visibility: hidden; }
ul:hover .vista { visibility: visible; }
</style> </head>
<body>
<div class='oculto editorial'>
<h2> <a href="http://www.maestrosdelweb.com/editorial/delicious/">
Una deliciosa forma de guardar tus favoritos </a> </h2>
<ul class='item oculto'>
<li> <q> <em>Del.icio.us</em> es un servicio social que permite
guardar los favoritos de tu navegador con todas las pautas que da el Web 2.0.</q> </li>
<li>Por <cite>Christian Van Der Henst</cite> </li>
<li class='vista'>675 lecturas y 0 comentario</li>
</ul>
</div>
<div class='editorial'>
<h2> <a href="http://www.maestrosdelweb.com/editorial/delicious/">
Una deliciosa forma de guardar tus favoritos </a> </h2>
<ul class='item'>
<li> <q> <em>Del.icio.us</em> es un servicio social que permite
guardar los favoritos de tu navegador con todas las pautas que da el Web 2.0.</q> </li>
<li>Por <cite>Christian Van Der Henst</cite> </li>
<li>676 lecturas y 0 comentario</li>
</ul>
</div>
<p>
<a href="http://validator.w3.org/check?uri=referer"><img
src="http://www.w3.org/Icons/valid-xhtml10"
alt="Valid XHTML 1.0 Strict" height="31" width="88" /></a>
</p></body> </html> Espero que os funcione.