Question

This image describes it all:

As you can see, there is a border under each image, but not to the left or right.

Also you can see, I marked the link-tag in the inspector and it shows a frame from approximately the middle of the image till under the picture including the unwanted border.

I already removed the text-decoration from the link, but this didn’t changed a thing.

As most didn’t get the root of the problem, here a larger version of the screenshot:
http://imageshack.us/f/10/screenshotfgi.png/
Follow the link and click again on the picture you get.

Look at the blue box in the lower right. It is marked by Chrome as I selected the hyperlink-tag in the inspector. Here you can see, the hyperlink causes the border/space. How to get rid of this space by changing the hyperlink-tag’s style?

Answer 1

i had similar problem.

set line-height: 0 for anchors or td’s.

#your_id table a, #your_id table td {
    line-height: 0;
}

or manually set height of a or td.

#your_id table a, #your_id table td {
    height: 30px;
}
#your_id table a {
    display: block;
}

both ways work for me.