JSFiddle - React, Tailwind, and code Playground

HTML

<span id="sprite-small"></span>
<span id="sprite-normal"></span>
<span id="sprite-large"></span>

CSS

span {
    background-image: url('http://dl.dropbox.com/u/1722364/combination.png');
    background-repeat: no-repeat;
    border: 1px solid #ddd;
    display: inline-block;
    margin-right: 3px;
}

#sprite-normal {
    background-position: -19px -56px;
    width: 18px;
    height: 18px;
}

#sprite-large {
    width: 36px;
    height: 36px;
    background-position: -38px -112px;
    -moz-background-size: 448px 368px;
    background-size: 448px 368px;
}

#sprite-small {
    width: 9px;
    height: 9px;
    background-position: -9px -28px;
    -moz-background-size: 112px 92px;
    background-size: 200%;
}