Question

fiddle

Screenshot

Source

<a href="#"><img width="200" height="200"></a>

Question

Notice how the black border only appears around the bottom part of the image? How do I fix that so that it appears around the whole thing?

I’ve done it before, but I can’t remember how…

Answer 1

Try this:

HTML

<a href="#">
    <img width="200" border="0" height="200" />
</a>

CSS

a {
    border:1px solid black;
    display: block;
    float: left;
}
img
{
   display: block;   
}

Live demo can be found here

It is probably better to edit the border of the <img> tag instead of the <a>