How to make jQuery UI icons align with text

How to make jQuery UI icons align with text

I have observed that when using a <span> to make use of a jQuery UI icon, with text adjacent to the icon, that the icon is shifted higher than the text.  You can see this effect in the ThemeRoller application if you look at the Highlight / Error samples:


Is there a way to make the icon and the text vertically aligned with each other?  We are getting complaints from our test team because they say it looks unprofessional and the icon is causing the other elements on the same "row" to shift.