Problem with .PDF files from .html files at pagebreaks

Question

I am using DW CS5.  When I make a .pdf from the .html file it is not handling the images with captions correctly, or even consistently, at the bottom of the .pdf page.
Here is the Link to the .html code:
http://www.schembs.com/0_PDF_PAGE_PROBLEM.htm
and to the .css, if you need it:
http://www.schembs.com/0_PDF_files/2011_ZachBuch_No_Lines.css
The test page repeats the same image with caption several times. 
See at the bottom of page 1. There is not enough space for Image #3 so it correctly puts it at the top of page 2.  However it puts the caption for Image #3 in the vertical position as if there were no page break and Image #3 were positioned just below the caption for Image #2.  Here is a screenshot of the bottom of page 1:
It then places image #4 below the caption for Image #3, which results in Image #4 being on top of Image #3.
At the bottom of page 2 there is not space for Image #6 so it puts it at the top of page 3.  It properly places the caption below Image #6 and properly places Image #7.  Here is the bottom of page 2;
At the bottom of page 3 there is not space for all the lines of the caption, so it puts the last line of the caption for Image #8 at the top of page 4.  This is o.k.  Here is the bottom of page 3:
I can live with it breaking up the caption (not ideal) but not with the caption overwriting the image or images overwriting images. 
Thanks very much for your ideas on how to fix this.
jds zigzag

Answer 1

Hello Jim,
in my IE 8 your website looks great, I don't see any overlaps. To show you what I did, here you can follow and check my proceeding by using my (German) "Adobe Acrobat 9 Pro".
Step 1:
Step 2:
Step 3:
Step 4:
I'm sure that you can understand the used German terms, if not, bitte frage mich nachher noch einmal.
Good luck! (German: Glück auf!)
Hans-Günter
P.S.
Would you say where in one of these countless "St. Alban's" did you find these "Fratzensteine"?