rollover a {
display:block;
width: 200px;
margin: 0 0 0 -10px;
padding: 7px 25px 7px 25px;
font: bold 13px sans-serif;;
color:#333;
background: url("botoes.png") 0 0 no-repeat;
display:table;
border-bottom:1px dotted blue;
text-decoration: none;
}
.rollover a:hover { 
background-position: 0 -30px;
color: #049;
}
.rollover a:active {
background-position: 0 -60px;
color:#fff;
}



-----------html----------------

  <!-- Begin Left Column -->
		       <div id="leftcolumn">
			   <div class="rollover">
<a href="#">Item 1</a>
<a href="#">Item 2</a>
<a href="#">Item 3</a>
<a href="#">Tutorio</a>
</div>
                
</div>
		       <!-- End Left Column -->