Header & Footer Problems in Internet Explorer

I've been having some problems with my header and footer on a few pages in internet explorer. Everything formats perfectly in Firefox, Safari, and Opera, but I can't seem to get it to work in Internet Explorer. Here are the pages I'm talking about:

http://www.anyhumanheart.com/wordpress/

http://anyhumanheart.com/erik_reel.html

I'm testing on a mac using the software alkaline, which takes a screen grab of the page running on internet explorer. Don't have much web design experience, more of a film/video guy, but really trying to get this website up as soon as possible. Any help/ideas would be greatly appreciated.

-Erik

erik_reel.html

Post Millennium


body {
	background: #000000;
	height:100%;
 	overflow: hidden;
 	margin: 0;
 	padding: 0;
}	
html {
 height:100%;
 overflow: hidden;
 margin: 0;
 padding: 0;
}
	#inneriframe
{
	background-color: #000000; 
	width:100%;
	height:102%;
	margin-bottom: -190px;
 	padding: 0;
}
	#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	color: #626262;
	height: 50px;
}
	


  
  
  

  </div>
</div>
</div>




<div id="footer">
  <div align="right">
    <p>
  
   
  

  </div>
</div>
</div>

wordpressstyle.css (just the structure section)

/* Begin Structure */

body {
	margin: 0;
	padding: 0 0 20px 0;
	overflow:hidden;
	 
	}

#page {
	margin: 0px auto;
	padding: 0;
	width: 90%;

	}
	
#header {
	margin: 0 auto;
	height: 200px;
	width: 50%;
	}

.narrowcolumn {
	float: left;
	
	padding:;
	margin: 0px 0 0;
	width: 450px;
	}

.widecolumn {
	margin: 5px 0 0 150px;
	width: 450px;
	}

.pagepost {
	margin:10px;
	border-top: 1px solid #111;
	}
	
.post {

	text-align: left;
	border-top: 1px solid #111;
	}

.widecolumn .post {
	margin: 0;
	}

.narrowcolumn .postmetadata {
	padding-top: 10px;
	}

.widecolumn .postmetadata {
	margin: 0px 0;
	}
	
#footer {
position: absolute;
bottom: 0;
width: 95%;
color: #626262;
height: 50px;
#footer p {
padding: 0;
}

/* End Structure */