I have an unordered list that contains the list of categories for my work's site. Every now and then we want to emphasis a certain category with an image or icon, so we put that image in an anchor tag instead of general text.

Each category has a > icon on the left side of it, and it stays centered for the general links, but on the image link, the icon is at the top of the image. I've tried to change the css on the image to "display:block" but that puts the icon to the bottom instead. I've also tried to adjust the height of it's anchor tag, as well as remove all whitespace in that <li> container.

If anyone else has had this problem and found a solution, I'd love to hear it, please.