关于用图片做无序列表的项目符号,小弟我做出来如何是这个样子

关于用图片做无序列表的项目符号,我做出来怎么是这个样子?

<html>
    <head>
        <title>how to be proper</title>
<style type="text/css">
ul.pic{list-style-type:none;
   padding-left:0;
   margin-left:0;}
li.pic{background:url('5.jpg') left center no-repeat;}
</style>

    </head>
    <body>
<ul class="pic">
<li class="pic">abcdefg</li>
<li class="pic">hijklmn</li>
<li class="pic">opqrstu</li>
</ul>
    </body>
<html>

关于用图片做无序列表的项目符号,小弟我做出来如何是这个样子
------解决思路----------------------
li.pic{background:url('5.jpg') left center no-repeat;padding-left:20px}