html - Why does the "in" icon on my web page appear in the wrong place in IE8, but not firefox or chrome? -

On, my link is a link to the profile that uses your icon. Under Firefox and Chrome, In place, the square is visible between a pair of brackets. However, under IE8 (I have not tried IE 7), a line appears below the icon brackets.

I confirmed against w3.org and the valators, and it becomes clear from both.

What gives

This is the reason why IE is very awkward to debug Try with LI {padding: 0.0em}