тег занимает дополнительное место в html

Я помещаю изображение в тег. но когда я дал границу изображению и тегу. Тег A занимает дополнительное место. он не окружает изображение. как преодолеть это лишнее пространство с помощью тега 'a'. Я указываю тег красной линией.

Мой html:

Css:

img
{
    border:1px solid black;
}
a
{
    border:1px solid red;
}

http://jsfiddle.net/rEPXY/2/