drbrain - 7:08 pm on May 15, 2003 (gmt 0)

Another useful thing to do is adjust the padding when the button is :hover:active. This gives an even more realistic 'clicked' apperance:

#menu :link, #menu :link:active, #menu :link:hover {
border: 2px outset gray;
padding: 1px 6px 2px 5px;
}

#menu :link:hover:active {
border: 2px inset gray;
padding: 2px 5px 1px 6px;
}

<div id="menu"><a href="#a">foo</a><a href="#b">bar</a></div>