Using the next / previous buttons, the footer overlaps the page content if the picture is large. If a user clicks on the browser refresh button, the footer displays properly. Is it possible to force a page refresh when clicking the next / previous buttons? Or is the root of this problem something else? Any help would be appreciated.
Pressing the next button takes you to a vertical photo which breaks the footer in IE6 & 7. If you press the browser refresh button, the footer displays in its proper place. The problem does not appear in Firefox.
The problem has to do with your parent containers. You will have to play around, but I'm guessing that you are floating the parent container, and the Plogger gallery is not being floated. You could try a few different things, adding a display: block to the parent container, putting a empty clearing element like <div style="clear:both"> </div> directly after the gallery, or playing with any float attributes you have on the containers.
CSS is a bit tricky when it comes to floating and clearing, but the problem is not with Plogger itself, it's in your CSS layout.
As a completely self-taught volunteer Web administrator, I appreciate every bit of help that has been provided on this forum. I'm sure your advice will fix the problem.