Okay your positioning is the one causing the problem, i think.
One of the things i first learned when i studied design was to always have a backbone of something meaning, keep everything centralized. If you put all your css classes in one spot and just call it by ID and Class
for individual page that would be a lot easier then making new styles or copy and pasting on every page.
Okay let me try to help you out. Start by making these DIVS ( This is just an example. Work the styles out to fit your layout )
The HTML
<div id="container">
<div id="header"></div>
<div id="body"></div>
<div id="footer"></div>
</div>
"There are only four divs required for this to work. The first is a container div that surrounds everything. Inside that are three more divs; a header, a body and a footer. That's it, all the magic happens in the CSS."
The CSS
html,
body {
margin:0;
padding:0;
height:100%;
}
#container {
min-height:100%;
position:relative;
}
#header {
background:#ff0;
padding:10px;
}
#body {
padding:10px;
padding-bottom:60px; /* Height of the footer */
}
#footer {
position:absolute;
bottom:0;
width:100%;
height:60px; /* Height of the footer */
background:#6cf;
}
And For IE
#container {
height:100%;
}
Source http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page | © Copyright 1993 - 2010 Matthew James Taylor
Now One last thing it looks like you are using full site links for your images, try not using it as it can be easier on you when you change things around.
Hope this Helped if not i can try explaining once again