css issue- span and anchor causing extra margin even with no height or width

Driving me crazy...

Overlay-thats-absolutely-positioned

Span/anchor/image-thats-absolutely-positioned

span and anchor are set to width:0开发者_开发问答;height:0;margin:0; and still they offset the image by a few pixels

(if you highlight the overlay it's obvious)

CSS Gurus??

http://jsfiddle.net/danielredwood/aBWn6/1/

Just add display: block; to their CSS. The width and height are ignored for inline elements.