Strange Extra Space (ALL browsers)

I’ve tried it in FF, IE, Opera, Safari and all of them put just about two pixels of extra empty space below the image.

[CODE]<div id=”centercontainer”>
<div class=”centerimage” style=”float: left;”>
<a href=”#”>
<img src=”images/15inthumb.jpg” width=”65″ />
</a>
<br />
<span>blah</span>
</div>
…
</div>[/CODE]

[CODE]div.centerimage {
width: 65px;
height: 110px;
margin-right: 30px;
padding: 0;
}

.centerimage a:link {
}

.centerimage a:visited {
}

.centerimage a:hover {

}

.centerimage a:focus {

}

.centerimage a:active {

}

.centerimage a img {
width: 65px;
height: 100px;
border: 0;
background-color: #FFFFFF;
margin: 0;
padding: 0;
font-size: 0px;
}

.centerimage span {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #8D6194;
}[/CODE]

It’s not a big deal until I put stuff beneath it. I’ve tried setting borders, paddings, line heights, font sizes, hspace, and vspace to 0 and it has no effect.

Also in #CSS _↴