CSS Rollover Buttons

...

cool, thanks i really needed this

Been looking for this sort of thing for a while, thank you

Remember the flicker bug... Best way is to make a bg image and place divs on top of the bg image so it wont flicker in IE 6 on the hover.

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.

you can also use a single image that includes the regular and hover together...

Hmm i'm going to try some of these - Thanks for the help

(design is my specialty )