problemas com css

Oi de novo, gente.

Eu pesquisei no fórum todo, vi no site do Maujor, e pasmem: não consegui colocar o rodapé no lugar (que é no fim da página, independente do tamanho do conteúdo)

Já tentei position absolute, position relative, fixed, e nada. Ele teima a ficar por cima do conteúdo quando tem rolagem.

Além disso, quando eu abro o site no explorer, ele desconfigura inteiro, sendo que no Firefox, Opera e Chrome ele funciona normal.

Aí vai o link da página e o css:

www.drainedofcolours.com/teste5/index.html

@charset "utf-8";
/ CSS Document /

body
{

 margin: 0px;
 padding: 0px;
 text-align: center;
 }

h1 {

	margin: 0px;
	padding: 0px;
	font-weight: bold;
	font-size:9pt;
}

h2 {

	font-size:8pt;
	text-align:center;
}

h3, ul, li, p, form
{

 margin: 0px;
 padding: 0px
 }

a{

 text-decoration:none;
 color: #5a7f39;
 }

a:hover{

	text-decoration:underline;
	color: #000;
	}

a img {

	border-width: 0px;
	}

#page
 {
	position: relative;
	width: 960px;
	left: 50px;
	top: 50px;
 }

#menu
 {
	background:#fff;
	height: 50px;
	width: 690px;
	text-align: left;
	position: absolute;
	top: 0;
 }

.menuimg1
	{
	position:absolute;
	bottom: 0px;
	left: 65px;
	}
.menuimg2
	{
	position: absolute;
	bottom: 0px;
	left: 118px;
	}
.menuimg3
	{
	position: absolute;
	bottom: 0px;
	left: 196px;
	}
.menuimg4
	{
	position: absolute;
	bottom: 0px;
	left: 274px;
	}
#submenu1
 {
	background:#fff;
	height: 430px;
	width: 113px;
	text-align: left;
	position: absolute;
	float: left;
	top: 60px;
	display: none;
 }
.subimg1
	{
	position: absolute;
	right: 0px;
	top: 0px;
	}
.subimg2
	{
	position: absolute;
	right: 0px;
	top: 15px;
	}
.subimg3
	{
	position: absolute;
	right: 0px;
	top: 31px;
	}
.subimg4
	{
	position: absolute;
	right: 0px;
	top: 48px;
	}

#content
 {
	background:#fff;
	height: 430px;
	width: 571px;
	text-align: left;
	position: absolute;
	top: 60px;
	left: 120px;
	color: #888;
	font-family:"Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size: 9pt;
	line-height: 13pt;
 }
.blogcontent
 {
	float: left;
	padding: 0px 0px 0px 30px;
	width: 500px;
	color: #888;
 }
.thumb
	{
	height: 78px;
	width: 78px;
	margin: 20px;
	}
#lateral
 {
	background:url(imagens/lateral.png);
	height: 322px;
	width: 296px;
 position: absolute;
 top: 60px;
	left: 710px;
 }

#footer
 {
	background:url(imagens/rodape.jpg);
	height: 30px;
	width: 800px;
	position: absolute;
	bottom: 0; /**/
	left: 150px;
 }

Obrigada!