Strange artefact appearing in my HTML in Chrome/Webkit (with screenshots and live example)

I'm a bit puzzled by this strange artefact being left in my HTML - here's a very zoomed-in screenshot:

I circled it in red - it's this strange small line. But I cannot track down where on earth it's coming from.

I have a section of the code on JSFiddle to reproduce the bug - can anyone work out where it's coming from and how I can get rid of it? Here's the code on JSFiddle: http://jsfiddle.net/xfm开发者_运维百科V9/

I'm using Google Chrome Dev, but the problem doesn't seem to appear in Firefox...

Thanks!

Could it be an underline from a space within your anchor tag? Try stripping the white space (newline and spaces) within your anchor tag.

As in this new Fiddle - http://jsfiddle.net/g2G7P/

it's just an space inside your <a> after the <img>

check this http://jsfiddle.net/xfmV9/2/