title: Using jQuery UI icons as <li> backgrounds
body: <p>I would like to replace the regular html list item dot with an image from <a href="http://www.petefreitag.com/cheatsheets/jqueryui-icons/" rel="nofollow">the jQuery UI icon sheet</a>:</p>
  
  <p><strong>CSS:</strong></p>
  
  <pre><code>li { padding: 0 0 0 5px; }
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;ul&gt;
      &lt;li class="ui-icon ui-icon-play"&gt;abc&lt;/li&gt;
      &lt;li&gt;abc&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I don't see my text when I add the image class. What did I miss here?</p>
  
  <p><a href="http://jsfiddle.net/KKhZg/509/" rel="nofollow">http://jsfiddle.net/KKhZg/509/</a></p>