title: Adding an image in front of List Item
body: <p>How can I add an icon in front of a specific list item?</p>
  
  <pre><code>&lt;ul class="rightNav2"&gt;
      &lt;li id="homeLnk"&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I have the following style for the list items already and I want to add a specific icon in front of one of the items. The image however does not appear.</p>
  
  <pre><code>.rightNav2 li {
    display: inline;
    padding-right: 6px;
    padding-left: 6px;
    color: white;
  }
  
  .rightNav2 #homeLnk {
      list-style-image: url('/images/homeIcon.png');
  }
  </code></pre>