Edit in JSFiddle

<div class="box">
    I'm a box
</div>
.box {
    font-family: Arial;
    color: #000;
    padding: 20px;
    background: #FFF;
    border-radius: 6px;
    width: 140px;
    cursor: pointer;
    top: 26px;
    left: 20px;
    border: solid 1px #999;
    background-position: -15px 0;
}
.box:before {
    display: block;
    float: left;
    width: 15px;
    height: 15px;
    content: "";
    margin: 3px 12px 0 0;
    transition: all 500ms;
    -webkit-transition: all 500ms;
    background-image: url('http://krasimirtsonev.com/blog/articles/CSSThePowerOfInherit/icon-bullet.jpg');
    background-repeat: no-repeat;
    background-position: inherit;
}
.box:hover {
    background-position: 0 0;
}