I've got a footer that I want positioned at the lowest part of the page - whether that's at the end of the content, or the end of the browser window. I've come across the footerStickAlt method, and have chosen this one. The footer works fine in IE (surprise, surprise), but not in FF (1.5).
As best I can tell, it (the problem) seems to be connected with the #Page Div. It seems instead of #Page (#Page is the div id that wraps around everything except the #Footer div - the footer is outside the #Page wrap) extending the full size of the content or the browser window (whichever is longer), the #Page div only extends the vertical length of the browser window.
The obvious problem with this is that the #Footer appears on top of the content (which extends past the end of the #Page div - which is weird) instead of at the bottom of the page.
So I guess my main point of interest is getting the #Page to extend to either the bottom of the content or the bottom of the browser window (whichever is longer).
So is this my problem? or is something else causing the miscue? If you'd like to view the problem, view this link in Firefox, but if you'd like to view the page in its working condition, view the same link in Internet Explorer.
Thanks very much for your help! If you need more details, just let me know!
FYI: The CSS file is located here, and of course if you'd like to view the HTML file, feel free to choose "View Soure". I won't paste the code here since it is fairly long.