I have a footer on all my site that I have designed and they have always worked up until now. Suddenly my footer is appearing at the top of my page in stead of at the bottom. Seen here http://i54.tinypic.com/1h5lj4.png. How can I fix this?

Code:
<body>
<div id="wrap">


<div id="head">
<h1>YourSite.com</h1>
<div id="nav">
    
    <div class="navMenu">
		<ul>
			<li><a href="index.html">Home</a>
				<ul>
					<li></li>
					<li></li>
				</ul>
			</li>
		</ul>
	</div>


	<div class="navMenu">
		<ul>
			<li id="middle"><a href="http://about.me/thomashochkins">About</a>
				<ul>
					<li></li>
					<li></li>
				</ul>
			</li>
		</ul>
	</div>


	<div class="navMenu">
		<ul>
			<li class="outer" id="middle"><a href="gallery.html">Gallery</a>
				<ul>
					<li></li>
					<li></li>
				</ul>
			</li>
		</ul>
	</div>

	<div class="navMenu">
		<ul>
			<li id="middle"><a href="videos.html">Videos</a>
				<ul>
					<li></li>
					<li></li>
				</ul>
			</li>
		</ul>
	</div>


	<div class="navMenu">
		<ul>
			<li id="middle"><a href="contact.html">Contact</a>
				<ul>
					<li></li>
					<li></li>
				</ul>
			</li>
		</ul>
	</div>
    
    <div class="navMenu">
		<ul>
			<li>
				<ul>
					<li></li>
					<li></li>
				</ul>
			</li>
		</ul>
	</div>
   <br class="clearFloat" />
</div>


</div><!--END HEAD DIV-->


<div id="content">

<div id="left">
<h2>Your Title</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec dictum, tellus eget vestibulum congue, tellus ipsum porttitor elit, a tincidunt neque felis eu felis. Nullam tincidunt, ipsum ac egestas tristique, nisl ligula adipiscing elit, a pretium nibh justo non lectus. Morbi nibh mauris, viverra eu porttitor vitae, iaculis sed eros. Quisque non sapien vitae mi facilisis sagittis quis vitae quam. Nulla et tortor a nulla tincidunt blandit. Duis varius faucibus diam, vitae volutpat nisl laoreet ut. Donec pellentesque volutpat elit, at luctus augue dictum consectetur. Maecenas in enim leo. Nulla sit amet diam eu orci consequat bibendum sed a enim. Nulla sagittis, ante at tincidunt eleifend, odio nisi mattis lectus, non scelerisque elit tellus eu dui.
<br />
<br />
Donec bibendum ornare justo, eget pellentesque elit dictum eu. Sed ac arcu lectus. Quisque quam quam, viverra sed egestas a, volutpat a sapien. Nulla eget sapien arcu. Nullam elementum aliquam libero feugiat posuere. Aliquam elementum magna id eros auctor vitae ultricies lectus iaculis. Donec odio dui, mattis non egestas at, vestibulum nec orci. Phasellus eu augue a est commodo ornare eu at odio. Vestibulum a sodales felis. Vestibulum nec erat nisi. In pharetra velit augue.
<br />
<br />
Phasellus suscipit nunc ac ante hendrerit a gravida sapien rhoncus. Etiam eleifend elit nec felis laoreet ut dictum turpis tempor. Etiam sed augue eu quam pulvinar lobortis. Nunc faucibus magna a massa scelerisque a tincidunt purus volutpat. Donec sed leo a sem dictum mollis. Maecenas id libero sit amet neque consequat mattis non eget arcu. Etiam tempus, mi ut malesuada mattis, enim purus faucibus odio, non mattis arcu leo ac ligula. Nullam elit metus, fringilla id pharetra at, tincidunt nec sapien. Nunc at sem dolor. Proin dapibus tempus nibh, vel rutrum quam vestibulum sed. Donec ac odio lorem, ac condimentum magna. Curabitur est ante, viverra sit amet lacinia sit amet, dignissim vitae eros. In luctus tellus id lacus pulvinar non auctor risus pellentesque. Quisque ut velit at dolor mattis tristique eget ut lorem. Curabitur odio dui, euismod sit amet tristique et, pharetra eu odio.</p>
<p>&nbsp;</p>
<h2>Your Links</h2>
<a href="#">Google<br />
</a>
<a href="#">Bing</a>
<br />
<a href="#">Yahoo<br />
</a>
<a href="#">Ask</a>
</div><!--END LEFT-->

<div id="right">
<h2>Your Title</h2>
<img src="IMAGE_PLC_HLDR.png" width="240" height="158" alt="image_placeholder" />

<div id="caption">
<p>Your Caption Here</p>
</div><!--END CAPTION-->

<h3>Your Sub-Heading</h3>
<p id="sidebar">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec dictum, tellus eget vestibulum congue, tellus ipsum porttitor elit, a tincidunt neque felis eu felis. Nullam tincidunt, ipsum ac egestas tristique, nisl ligula adipiscing elit, a pretium nibh justo non lectus. Morbi nibh mauris, viverra eu porttitor vitae, iaculis sed eros. Quisque non sapien vitae mi facilisis sagittis quis vitae quam. Nulla et tortor a nulla tincidunt blandit. Duis varius faucibus diam, vitae volutpat nisl laoreet ut. Donec pellentesque volutpat elit, at luctus augue dictum consectetur. Maecenas in enim leo. Nulla sit amet diam eu orci consequat bibendum sed a enim. Nulla sagittis, ante at tincidunt eleifend, odio nisi mattis lectus, non scelerisque elit tellus eu dui.</p>

</div><!--END RIGHT-->
<div id="footer">

</div><!--END FOOTER-->
</div><!--END CONTENT-->



</div><!--END WRAP-->
</body>
Please say if I you need to see CSS as well.
Thank You
Thomas