title: css list-style-image is not on (vertical) center
body: <p>I have this simple ul li script with list-style-image.</p>
  
  <p>The problem is that the image is not  (vertical) center.</p>
  
  <p>vertical-align is not helpful here.</p>
  
  <p>Any idea ?</p>
  
  <p><a href="http://jsfiddle.net/nDX6g/" rel="nofollow">http://jsfiddle.net/nDX6g/</a></p>
  
  <pre><code>ul {
      margin-top: 10px;
      padding-left: 50px;
      color: #3C4355;
      margin-bottom: 6px;
  }
  
  li {
      margin-left: 20px;
      color: #3C4355;
      line-height: 20px;
      list-style-image: url('http://forum.bizportal.co.il/NewSite/emoticons/smiley9.gif');
  }
  
  
  
  
  &lt;ul&gt;
      &lt;li&gt;Text 1&lt;/li&gt;
      &lt;li&gt;Text 2&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>