Icons in a UL

Provided for StackOverflow question 4419950

HTML

<div>
  <ul class="icon person">
    <li>John Doe</li>
    <li>Jack Snow</li>
    <li>Mary Moe</li>
  </ul>
</div>

CSS

ul.icon { 
    list-style: none;
    padding-left: 20px;
}
ul.icon li { position: relative; }
ul.icon.person li:before {
    background: url(http://download.jqueryui.com/themeroller/images/ui-icons_888888_256x240.png) -144px -96px;
    content: '';
    display: inline-block;
    position: absolute;
    height: 16px; width: 16px;
    left: -16px; top: 2px;
}