En este caso la situación es muy similar al menú horizontal simple.
Las principales variaciones que encontramos son:
<style
type="text/css">
<!--
/* CSS base obtenido de los tutoriales de
www.alsacreations.com/articles */
.menu {
float:left;
width: 180px;
margin-right:10px;
}
.menu ul {
list-style-type: none;
}
.menu li {
margin-bottom: 5px;
}
.menu a {
margin: 0 2px;
width: 120px;
height: 20px;
display: block;
text-align: center;
border: 1px solid gray;
text-decoration: none;
color: #000;
background-color: #fff;
}
.menu a:visited {
color: rgb(204, 102, 204);
background-color: rgb(221, 221,
221);
}
.menu a:hover {
background-color: rgb(204, 204,
204);
}
.menu a:active {
background-color: gray;
color: #fff;
}
-->
</style>