I have a "button" that consists of a <span> with a background image and a link. I would like to center that text (currently it is always near the bottom). It only needs to be moved a few pixels, but the problem is that the top margin doesn't seem to be able to be changed for inline elements.. I know of the 50% margin vertical alignment CSS hack, but I don't really need it vertically aligned (just moved up a few static pixels), and I certainly don't want the extra markup in my HTML or hacks in my CSS, so does anyone know of simple solution?

You mean a button that's a link? Why not just make it into a REAL button from a form?

What does it do?

Did you try adding some bottom padding to the <a> ?

@Kyle, it's not a submit button, and it's not being used for a form. It's a just a background and some text made to look like a button being used for some particular links.

@LadynRed, adding the padding to the <a> didn't work, but adding it to the <span> did work. I'm not sure why one worked and not the other. Adding the padding to the span messes up things with IE 7 though, due to the way I have my background set up (it's a fluid width button with transparent rounded corners). Anyways, thanks for the tip, I think I can make it work.