Fuente: Free Menu Designs -e-lusion.com

IMAGEN

HTML

<div id="menu1">
<a href="http://menus.blogsome.com/">Inicio</a>
<a href="http://www.wordpress.org/">WordPress</a>
<a href="http://www.mozilla-europe.org/es/products/firefox/">Firefox</a>
<a href="http://www.blogsome.com/">Blogsome</a>
<a href="http://juglar103.blogsome.com/">Juglar</a>
<a href="http://www.bloglines.com/blog/Juglar">Bloglines Blog</a>
</div>

CSS

#menu1 {
width: 200px;
border-style: solid solid none solid;
border-color: #677D92;
border-size: 1px;
border-width: 1px;
margin: 0;
padding: 0;
position: absolute;
top: 150px;
left: 550px;
line-height: 0;
}

#menu1 a {
height: 32px;
voice-family: “”}”";
voice-family: inherit;
height: 24px;
text-decoration: none;
margin:0;
padding: 0;
line-height: normal;
}

#menu1 a:link, #menu1 a:visited {
color: #fff;
display: block;
background: url(http://menus.blogsome.com/uploads/menus/menu1.gif);
padding: 8px 0 0 10px;
}

#menu1 a:hover {
color: #283A50;
background: url(http://menus.blogsome.com/uploads/menus/menu1.gif) 0 -32px;
padding: 8px 0 0 10px;
}

#menu1 a:active {
color: #283A50;
background: url(http://menus.blogsome.com/uploads/menus/menu1.gif) 0 -64px;
padding: 8px 0 0 10px;
}