So sorry to bother you again. For some reason, the caption div is rendering too large and causing a gap between the caption and the portrait. Click on the man, bottom right. However, the last one on pages 1 and 2 render fine.

http://www.portraitartist.com/sherr/portraits3.htm

For the link I added a css on the link wording so it stood out from the caption and I really need that - galleryNav. I tried just changing the main link color and it did nothing. If I take gallery Nav out, the gap closes up. Not sure why the other two pages work fine.

.galleryNav {
color: #BBBBBB !important;
}

All the code on the page for that portrait:

				<a href="portraits/johnsonsketch.jpg" data-fb-options="caption:#myCaptionDiv"> 
				<img src="portraits/johnsonsketch2.jpg" width="150" height="200" hspace="22" border="0"
				alt="Stuart H. Johnson III 
Headmaster, St. Bernard’s School 
Graphite & gouache on prepared paper 24 x 18"
				title="Stuart H. Johnson III 
Headmaster, St. Bernard’s School 
Graphite & gouache on prepared paper 24 x 18"></a> 
				
				<div id="myCaptionDiv" style="display:none;"> <span style="color:#123456;">Stuart H. Johnson III <br \>
				Headmaster, St. Bernard’s School <br \> Graphite & gouache on prepared paper 24 x 18 <br \>
				<a href="http://www.portraitartist.com/sherr/portraits4.htm" class="nofloatbox" data-fb-options="group:page4">
				<div class="galleryNav">gallery 4 â–º</div></a></span>

Many thanks!

Quoted code snippets are never of interest because they are almost always inaccurate or unrelated to the problem.

In the real HTML code on the page, there is a <br> element right at the end of your caption div. It is this line break that is constituting the extra space between the caption and image.

Ahhh, I see it is within that div. Yes, I got confused on starting and ending of my divs. Thanks!