free menus here as well.
http://binary-refinery.com/free/Menus/index.htm
download and check the css we use one image for all 3 button states.
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0;
font-size: 80%;
font-weight: bold;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
#menu {
width: 200px;
margin: 10px;
}
#menu li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}
#menu li a:link, #menu li a:visited {
color: #000000;
display: block;
background: url(images/menu1.gif);
padding: 8px 0 0 20px;
}
#menu li a:hover {
color: #FFFFFF;
background: url(images/menu1.gif)
0 -32px;
padding: 8px 0 0 20px;
}
#menu li a:active {
color: #26370A;
background: url(images/menu1.gif)
0 -64px;
padding: 8px 0 0 20px;
}
just set the vertial alignment to which part you want to show.