Quick HTML help

[Amp34]

I'm just designing the front page of my site and I can't for the life of me remember a command to push a div and it's content to the bottom.

www.wildaboutlife.net

*SNIP*

I want to stick the copyright bit to the bottom (or close to the bottom).

Thanks

 

[Amp34]

I have added another part to my stie and so want to change the layout a little bit. I have 3 images as my entry points, 2 at the top and one centred at the bottom (all within a containing div in the centre of the page). The problem is I don't have any idea how I can force the bottom image to the bottom and centre of the containing div. Any ideas how I can do that?

<div id="container">
	<div id="top">
		<p class="style1">Wild About Life</p> 
		<p class="style2">Photographs by Andy Pearson</p>
	</div>
		<div id="content">
 			<div id="gallery">
				<p><a href="http://www.games-system.co.uk/gallery"><img src="images/gallery.jpg" alt="Gallery" width="258" height="258" border="0"></a></p>
  			</div>
  			<div id="blog">
  				<p><a href="wp/index.php"><img src="images/blog.jpg" alt="Photo Blog" width="258" height="258" border="0"></a></p>
  			</div>
			<div id="karate">
				<p><a href="karate/index.php"><img src="images/Karate.jpg" alt="karate" width="258" height="258" border="0"></a></p>
		  </div>
		</div>
	<div id="bottom">
	<p>All work herein © Andy Pearson 2007 </p>
	</div>
</div>

body {
background-color:#333333;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF
}

#container {
margin-top:50px;
margin-left:auto;
margin-right:auto;
}

#top {
text-align:center;
}

#content {
height:532px;
width:532px;
margin-top:100px;
margin-left:auto;
margin-right:auto;
}

#gallery{
float:left;
}

#blog{
float:right;
}

#karate{
position:relative;
}

#bottom {
text-align: center;
font-size:0.7em;
}

/* text */

.style1 {
font-size:2em;
}

.style2 {
font-size:0.9em;
}

I want to move the bottom one down a little (equal gap beteen all of them) and centre it.

Thanks