Pueden verlo funcionando en:http://www.disaster-info.net/testzone/testmenu/
Debajo copio el codigo
Documento HTM:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<link href="test.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="navColumnRight">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="images/tambien_Subtitle.gif" width="150" height="22" /></td>
</tr>
<tr>
<td valign="top"><ul>
<li><a href="titulos.htm">Titulos</a></li>
<li><a href="impresos.htm">Impresos</a></li>
<li><a href="cd.htm">CD</a></li>
<li><a href="dvd.htm">DVD</a></li>
</ul></td>
</tr>
<tr>
<td><img src="images/massobre_Subtitle.gif" width="150" height="22" /></td>
</tr>
<tr>
<td valign="top"><ul>
<li><a href="#.htm">Revistas</a></li>
<li><a href="#.htm">Posters</a></li>
</ul></td>
</tr>
<tr>
<td>Lorem Ipsum soler sit ame prosentus morelum sintae acorpure </td>
</tr>
</table>
</div>
</body>
</html>
-----
Documento CSS
#navColumnRight {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
width:150px;
background-color:#FFFF00;
}
#navColumnRight ul {
list-style:none;
margin-left:0px;
padding: 0px;
}
#navColumnRight li{
border-bottom:1px solid #CCCC9A;
}
#navColumnRight li a:link, #navColumnRight li a:visited {
background-image:url(images/menuColumnDownBullet.gif);
display: block;
padding: 0px 2px 0px 18px;
border-left: 0px solid #711515;
border-right: 0px solid #711515;
background-color: #CCCC9A;
color: #46461A;
text-decoration: none;
}
#navColumnRight li a:hover{
background-image:url(images/menuColumnOverBullet.gif);
background-color:#144E56;
color:#FFFFFF;
}
#navColumnRight ul ul li{
margin-left:12px;
}
