<!DOCTYTPE html>
<html>
<head>
<style>
.background1 {
width: 30px;
height: 25px;
margin: 10px;
background: no-repeat url(resources/large-sprite-map.png) -20px -968px;
border: solid 1px black;
zoom: 110%;
}
.background2 {
width: 30px;
height: 25px;
margin: 10px;
background: no-repeat url(resources/large-sprite-map.png) -34px -566px;
border: solid 1px black;
zoom: 110%;
}
</style>
</head>
<body>
<div class="background1"></div>
<div class="background2"></div>
</body>
</html>