title: Different list style image for each li
body: <p>I've got a problem with some ul and li...<br>
  I'd like to create an unordered list with 3 li and each li has got a different list-style-image...<br>
  I wrote this code but the image don't appear...  </p>
  
  <p>Can you help me? Thanks!  </p>
  
  <p>EDIT: Post updated with HTML code ;)</p>
  
  <pre><code>&lt;div id="right_main"&gt;
  &lt;ul id="mainFeatures"&gt;
  &lt;li id="wishlist"&gt;Some text here...&lt;/li&gt;
  &lt;li id="sharing"&gt;Some text here...&lt;/li&gt;
  &lt;li id="linking"&gt;Some text here...&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <pre><code>#right_main ul#mainFeatures {
      height:250px;
      width:350px;
      overflow:hidden;
      margin-left:25px;
  }
  #mainFeatures li {
      font-weight:bold;
      font-size:22px;
      font-family:"Myriad Pro", sans-serif;
      padding:5px;
  }
  #mainFeatures li#wishlist {
      list-style-image:url(images/wishListImage.png);
      list-style-position:outside;
  }
  #mainFeatures li#sharing {
      list-style-image:url(images/sharingListImage.png);
      list-style-position:outside;
  }
  #mainFeatures li#linking {
      list-style-image:url(images/linkingListImage.png);
      list-style-position:outside;
  }</code></pre>