Well I've figured it out. Strangely, all the li
elements increase in size when margin is added to one of the a
tags. Adding vertical-align
with any value seems to prevent them expanding and produces the desired effect.
However, I have no idea why this happens.
Fiddle: http://jsfiddle.net/2DGjV/