title: CSS ul li image to align with text
body: <p>I have a CSS like this</p>
  
  <pre><code>ul {
      list-style-image:url(images/bulletArrow.gif);
  }
  
  ul li {
      background: url(images/hr.gif) no-repeat left bottom;
      padding: 5px 0 7px 0;
  }
  </code></pre>
  
  <p>But the bullet image doesn't align properly in IE (it's fine in Firefox).
  I already have a background image for li, so I can't use the bullet image as a background.
  Is there any solution to this?</p>
  
  <p>Thanks in advance.</p>