Hello everyone -
 
I've got this not-so-critical but annoying problem with text below an image. When the page loads, there's too much space (between the bottom of the image and top of the text), but if you refresh the browser, the text snaps back to the correct position.
 
This only happens in FF and Netscape - and only happens on the 2nd and 3rd images. It doesn't happen on the first image at all (strange?), nor does It happen in IE - which leads me to believe that I've left something out of the css.
 
Here's the page in question: www.sheavens.com
 
The first small image on the left, as well as it's caption looks as it should.
 
On the second and third image, however, there's too much space between the bottom of the image and the top of the image caption.
 
As stated before, if you hit refresh, the text snaps back to the correct spacing.
 
Here's the rule I've got for the text beneath the image:
 
#sideBarGallery p.caption {
 margin: 5px 0px 15px 0px;
 padding: 0;
 font: bold 8px Verdana, sans-serif;
 color: #003399;
}
 
The rule I have for all images is:
 
img {
 display: block;
 margin: 0;
 padding: 0;
 border: 0;
}
 
Anyone know what I'm doing wrong here?
 
Cole

Reply via email to