The problem with your captions is that you are using layers. Layers are
fixed on the page - other elements such as the images go with the flow and
move as the page content moves.
Demonstrate this for yourself:
Open the alumni page in FireFox
Use View->Text Size or View->Zoom (and select text only) and change the
text size. If you increase the text size you can see the text above the
image grow, the image moves down the page but the caption (in its layer)
stays exactly where it was and gets overwritten by the body text.
This does not happen in IE because you chose to use points to specify the
text size - not very helpful for those with eye defects who cannot resize
the text so they can read it - and IE6 (still a very popular browser) does
not have a Zoom option.
Candara and Calibri are not common fonts as far as the web is concerned.
Change your font-family to include substitutes:
font-family: Candara, Helvetica, Arial, sans-serif;
This enables you to specify a more common, similar font for those PCs
without your favourite. If you don't, the browser will substitute something
for you, usually Times or Times New Roman.
And don't use points for font sizes. Points are a printers measure -
perfect for printed documents, but wide open to interpretation on screens -
how big is 1/6 inches on a screen? On *my* screen? On *your* screen.
Different browsers will give different results -Opera is noticeably smaller
than IE6, and Netscape is larger (so is FireFox 2, but IE8 and FireFox 3
seem to be the same in their interpretation of points on screen.) So even
different versions of the same browser size text in points differently -
what did I say about the effect of text sizing on layers earlier? The page
layout changes.
Does this help?
