SOURCE

<ul>
			<li>1</li>
			<li>2</li>
			<li>3</li>
			<li>4</li>
			<li>5</li>
		</ul>

ul{
	width:100%;
}
li{
	width: 100px;
	float: left;
	text-align: center;
	list-style-type: none;
	background-image:url('http://sandbox.runjs.cn/uploads/rs/376/nj8xl1zq/libg.png');
	background-position:0px 0px;
	
	margin:0px 0px 0px -25px;
}

li:hover{
	color:#fff;
	background-position:0px 42px;
}