title: no space between text and icon in ul element
body: <p>I have a little problem with the ie7 and ul list element.</p>
  
  <p>In ie8/9 and firefox there is an additional empty space between the icon and text:</p>
  
  <p><img src="https://i.stack.imgur.com/fP5ps.png" alt="enter image description here"></p>
  
  <p>In ie7 unfortunatelly it looks that:</p>
  
  <p><img src="https://i.stack.imgur.com/6KcRO.png" alt="enter image description here"></p>
  
  <p>Styles for the ul list:</p>
  
  <pre><code>margin-top: 5px;
      list-style-image: url('../Images/listItem10.png');
      list-style-position: inside;
      padding-left: 5px; 
      font-weight: bold; 
      float: left;
  </code></pre>
  
  <p>Unfortunatelly any attemps to create a hack for it doesn't work.
  Please for any suggestion how can I achieve it.</p>