Hi.

I am trying to fix a problem with my website.

I need to make my footer adjust with each page I create so when one page is longer than the other the footer moves in reaction to this so its always at the bottom but it moves with the page height.

I have got all the right elements with it but I cannot figure it out at all.

Any help would be amazing please.
here is the code for my site.

All of the site is here. If you need anything else to see it then please let me know.

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Mark Dunbavan Website</title>
<link href="Main_Content.css" rel="stylesheet" type="text/css" />
<link href="content.css" rel="stylesheet" type="text/css" />
<link href="menu.css" rel="stylesheet" type="text/css" />
<link href="left_panel.css" rel="stylesheet" type="text/css" />
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
	<script src="jquery-1.4.js"></script>
	<script src="menu.js"></script>
	<script src="jquery.innerfade.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
  <script src="http://ui.jquery.com/latest/ui/effects.core.js"></script>
<script src="http://ui.jquery.com/latest/ui/effects.slide.js"></script>
<script src="cufon-yui.js"></script>
<script src="Cardiff_400.font.js"></script>
<script src="doc.query.js"></script>
  <script type="text/javascript">
Cufon.replace('.h1header');
  </script>
</head>
<body>
<div id="Contents">
<div align="center" id="mainContent">
<div class="header"><div class="networking"><div id="twitter"></div>
<div class="headerh1" align="left">This is the professional/personal portfolio of Mark Dunbavan. My passion for design is deeply rooted in me & I love to explore ideas & create ideas that push things to the next level. Hard working, ideas driven & always creatively inspired. Please feel free to browse through my website. I am currently free to work freelance on projects.</div>
<div id="behance"></div>
<div id="creativepool"></div>
</div>
</div>
<div id="body">
<div align="left" class="logoBarDiv"><div align="left" id="logoYAH"><img src="images/youarehere.png"/></div>
<div id="logoimg"><img  src="http://www.markdunbavan.co.uk/images/logotype.png" /></div></div>
<div id="linkbar">
<div class="horiSpacertop"></div>
<div id="menu">
    <ul class="menu">
        <li><a href="#" class="parent"><span><img src="images/menutext.png" /></span></a>
            <div><ul>
                		<li><a href="#" <span>ABOUT ME</span></a></li>
                        <li><a href="#"><span>WORK</span></a></li>
                        <li><a href="#"><span>MY BLOG</span></a></li>
                        <li><a href="#"><span>CONTACT</span></a></li>
                    </ul></div>
      </li>
  </ul>
</div>
	<div align="left" class="newsBar">
	<div align="left" class="newsSubject">What's been happening</div>
	  <ul id="news">
	  <a href="http://www.familyandfriends.uk.com" target="_blank">Recently did a week of freelance at Family &amp; Friends on a solar power project.</a>					
		<a href="http://www.unilever.co.uk" target="_blank">Worked on a rather large project for Unilever haircare. This was for a conference in Malaysia. Never got any sleep to complete it.</a>
		<a href>I have potentially just landed 3 new projects. Working in the medical sector. Hopefully these will be great projects.</a>
		<a href>In the process of contacting puma about an advertising campaign idea/concept. See if they want to use for London 2012 Olympics.</a>
		<a href>Recently completed a 3 month freelance contract with a company in Broadway market. Lovely place!</a>
		<a href>Watch this space, just recently finished a project for a new popcorn brand . It was such an amazing project.</a>
		<a href>Why do we look at twitter as a marketing platform? I remember when this was nothing but an idea and everyone turned their noses up.</a>
		<a href="http://cufon.shoqolate.com/generate" target="_blank">Check it out. I am officially using Cufon. Check out what it is and click this link.</a>											
	  </ul>
</div>
<div align="left" class="horiSpacer"></div>

<div id="copyright">Copyright &copy; 2010 <a href="http://apycom.com">Apycom jQuery Menus</a></div>
</div>
		<a class="trigger" href="#"><img src="images/latestupdatesimg.png" /></a>
		<div align="center" class="recentContainer">
		<div align="center" class="recentLeft"><div class="caption"><a class="infoBtn"></a><p align="left">Sarah Flowers</p><div align="left" id="desc">Identity&nbsp;&nbsp;|&nbsp;&nbsp;Website&nbsp;&nbsp;|&nbsp&nbsp; Photography</div></div><img src="images/makeup/sarah1.jpg" /></div>
		<div align="left" class="infobox1"><p id="infobox1">This is a recent project for a make-up artist. I was entered into a 2 way pitch. The brief was to create a simple identity that communicated who she was. The ideas I came up with were then developed for the pitch. I also created a look and feel for her with some simple photography. If you would like to see more please go ahead.</p><div class="iconiccomment"></div><div class="iconicdocument"></div></div>
	
		
		<div align="center" class="recentcol1"><div class="caption1"><a class="infoBtn2"></a>
		  <p align="left">ITV Recruitment Campaign</p><div align="left" id="desc">Identity  &nbsp;&nbsp;|&nbsp&nbsp;Campaign&nbsp;&nbsp;|&nbsp&nbsp;Online Adverts</div></div><img src="images/itv/poster1.png" /></div><div align="left" class="infobox2"><p id="infobox2">A brief was given to me and I created an advertising campaign. The actual brief was to create a campaign that would make people aware that itv were recruiting for new graduates. I created a print campaign and an online campaign to run across all platforms.</p><div class="iconiccomment"></div><div class="iconicdocument"></div></div>
		
		<div align="center" class="recentcol2"><div class="caption2"><a class="infoBtn3"></a><p align="left">Asda Brand Packaging</p><div align="left" id="desc">Concepts  &nbsp;&nbsp;|&nbsp&nbsp;Identity&nbsp;&nbsp;|&nbsp&nbsp;Packaging</div></div><img src="images/asda/asda1.jpg" /></div><div align="left" class="infobox3"><p id="infobox3">A brief was given to me and I created an advertising campaign. The actual brief was to create a campaign that would make people aware that itv were recruiting for new graduates. I created a print campaign and an online campaign to run across all platforms.</p><div class="iconiccomment"></div><div class="iconicdocument"></div></div>
		
		<div align="center" class="recentbotLeft"><div class="caption3"><a class="infoBtn4"></a><p align="left">Little Poppets Identity</p><div align="left" id="desc">Identity  &nbsp;&nbsp;|&nbsp&nbsp;Website</div></div><img src="images/poppets/babyletter1.png" /></div><div align="left" class="infobox4"><p id="infobox4">I was approached about a project for an identity that needed designing for a professional photographer. The identity I created was used on all print deliverables. I then created a website that represented what the owner of the company wanted. If you would like to see more please have a look at the rest using the link below or if you like please give feedback.</p><div class="iconiccomment"></div><div class="iconicdocument"></div></div>
		
		<div align="center" class="recentbot2"><div class="caption4"><a class="infoBtn5"></a><p align="left">Youth Take On Project</p><div align="left" id="desc">Project Idea&nbsp;&nbsp;|&nbsp&nbsp;Identity&nbsp;&nbsp;|&nbsp&nbsp;Website</div></div><img src="images/csv/csv1.jpg" /></div><div align="left" class="infobox5"><p id="infobox5">An exciting project to create an identity for a project taking place between Poland and Lancashire. I was asked by a company who helped dissadvantaged children to create a brand that could be used over the whole project. The project was about connecting 2 different cultures together using media platforms such as video, audio and photography.</p><div class="iconiccomment"></div><div class="iconicdocument"></div></div>
		
		<div align="center" class="recentbot3"><div class="caption5"><a class="infoBtn6"></a><p align="left">Solar Century</p><div align="left" id="desc">Concepts&nbsp;&nbsp;|&nbsp&nbsp;Identity&nbsp;&nbsp;|&nbsp&nbsp;Campaign Development</div></div><img src="images/solar/Solarcentury1.png" /></div>
		</div><div align="left" class="infobox6"><p id="infobox6">An exciting project to create an identity for a project taking place between Poland and Lancashire. I was asked by a company who helped dissadvantaged children to create a brand that could be used over the whole project. The project was about connecting 2 different cultures together using media platforms such as video, audio and photography.</p><div class="iconiccomment"></div><div class="iconicdocument"></div></div>
<div class="discussions"><h1 align="left">Recent Discussions</h1></div>
</div>
<div>

<div id="footer"><img src="images/logotype_footer.png" /><p>Copyright &copy; 2010 Mark Dunbavan. All rights reserved. This website has been designed and developed by the author. Please peek at the code but don't steal.</p></div>
<div class="panel"><div align="left" class="colleft" id="colleftText">This is where you will find what I have been up to recently. Here you will get regular updates as to what I have been doing and where I have been on my freelance work.</div>
</div>
</div>