Bullet Image Not Lining Up Horizontally

Here's a stumper for you, we'll at least for me.

I've created a bulleted list which uses it's own CSS to style the links
accordingly. Here's the CSS for the list-style:
..topic-list {
margin-left: 15;
padding-left: 10;
}

..topic-list li {
list-style-image:
url('http://www.atvsource.com/images/site_images/checkered_bullet.gif');
background-repeat: no-repeat;
padding: 10px 15px 0px 15px;
}

Now, the list shows fines, but the list-style-image for some reason is not
lining up with the list horizontally. The list-style-image is off-set
vertical around 5 or 7 pixels and I cannot get it to align more horizontally
with the list. Example URL: http://www.atvsource.com/

I've noticed that this only happens under IE and not Netscape or Opera. If
I remove the list-style-image, then everything returns to normal with the
bulleted circle lining up correctly with the list.

Would one know what is causing this and how to fix it?