CSS: Sprites

/*******************/
/*** CSS Sprites ***/
/*******************/
#navigation {
z-index:1000;
position:absolute;
top:200px;
left:20px;
}
#navigation a {
text-decoration:none;
font:bold 12px Arial, Helvetica, sans-serif;
overflow:hidden;
display:block;
background:#FFFFFF url('../images/buttons.gif') 0px 0px no-repeat;
padding:4px 3px 0px 3px;
width:152px;
height:22px;
text-align:center;
color:#000000;
}
#navigation a:link {
background-position: 0px 0px;
color:#000000;
}
#navigation a:hover {
background-position: 0px -30px;
color:#FFFFFF;
}
#navigation a:active {
background-position:0px -60px;
color:#000000;
}/*
#navigation a:visited {
background-position: 0px -90px;
color: #999999;
}*/

<div id="navigation" class="menu"><a href="../index.html" onfocus="this.blur();">Back to Q Branch</a></div>