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.