2nd inline element is pushed down a few px?

http://jsfiddle.net/HEQbt/1/

I have two inline elements that both have line-height set. The 2nd element, for some reason, is getting pu开发者_StackOverflowshed down a few px. Wondering if anyone knows why?

FF/Chrome tested

---

Try adding vertical-align: top; to your anchor.