JSFiddle - React, Tailwind, and code Playground

HTML

<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>
<div id="div4"></div>

CSS

div {
    background: url('http://javascript.ru/forum/image.php?u=27373&dateline=1373989624') 0 0 no-repeat;
    width: 35px;
    height: 35px;
    left: 0; top: 0;
    position: absolute;
}
#div2 {
    background-position: -40px 0;
    left: 40px;
}
#div3 {
    background-position: 0 -40px;
    top: 40px;
}
#div4 {
    background-position: -40px -40px;
    left: 40px; top: 40px;
}