Tumblr Theme Permalink Footer Positioning Problems?

Question

Alright, so I'm making a Tumblr theme, which is currently live here and I am having difficulty positioning the footer (which currently only consists of a div, containing a link to the archive). The list of notes just goes underneath it, and it sits where it would without giving a thought to the list of notes that is obviously sitting there (rude.)

I want to just edit the div itself in this bit

    <style>{block:PermalinkPage}#footer {}{/block:PermalinkPage}</style>

but I'm not sure how, and the positioning seems to register strangely and I'm not entirely sure why. Or, perhaps setting the original footer to display:none in the permalink block, and creating a separate one that only appears in the permalink pages, but if it won't be positioned right what's the point in that either?

Anyone have any suggestions? Any help? My brain is fried. (I know this is probably really simple, and not worth having my brain fried over, I mean it's just HTML/CSS but I'm new at learning this so that's 90% of why I'm struggling with this in the first place probably)

Answer 1

This isn't an answer, just need to post some pics to help trouble-shoot.

Everything looks fine on my mac too... here's a few screenshots to make sure we're talking about the same thing.

scrolled to bottom:

slightly scrolled up: