Layers are usually the wrong method to lay out a page. When using layers
for page layout the only ways to ensure the footer is *always* below the
page content is to:
1) place the page content in the same layer as the footer.
2) Make the page a fixed height, allowing plenty of room for text to
expand when the user uses larger fonts than you are designing for (you have
absolutely NO control over font size in anybody's browser except your own -
but you can *suggest* the size).
3) As 2), but use CSS overflow attribute to cater for the overlapping text
by providing scroll bars when required.
Have you checked your site in a browser with the text size (NOT zoom) set
to maximum?
View->Text Size in most browsers. (If the images grow with the text you
are using Zoom).