各liのリストスタイルイメージが異なります

Question

いくつかのulとliに問題があります。
3つのliで順序付けされていないリストを作成したいと思います。各liには別のリストスタイルのイメージがあります...
このコードを書いたが、画像が表示されない...

私を助けてくれますか？ありがとう！

EDIT：ポストHTMLコードで更新;

<div id="right_main"> 
<ul id="mainFeatures"> 
<li id="wishlist">Some text here...</li> 
<li id="sharing">Some text here...</li> 
<li id="linking">Some text here...</li> 
</ul> 
</div> 

#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; 
}

Answer 1

ほとんどの場合は、あなたのイメージがoverflow: hiddenによって遮断されました）。私はそれを削除して今すぐ動作します：http://jsfiddle.net/ahwhj/

Answer 2

バックグラウンドとしても使用できます。例http://jsfiddle.net/huhu/r7kSf/

Answer 3

htmlがstackoverflowで正しく表示されない場合は、エラーが含まれている可能性があります。 コードフォーマットを使用せずに投稿を試みてください。