Bulleted list graphics look weird in IE 5

[chuckdesign]

I've created some bulleted lists using <ul> and <li>. Using "line-style-image" in CSS, I've replaced the standard bullet with a GIF of a little red square. It looks great in all browsers except in IE 5 for Mac, where the bullet graphics float about half-a-line too high. Of course, my boss uses IE 5.1 for Mac, so I want to try to fix this.

I was unaware that IE 5.1/5.2 couldn't handle graphic icons for bulleted lists. Is there a workaround?

Here's the URL of the page:

http://www.sullivancreative.com/newsite/website/clients/index.html

and here's the CSS:

li {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 13px;
padding-top: 4px;
list-style-image: url(../images/red-bullet.gif);
list-style-position: outside;
}

Thanks!
Chuck