Fixed Footer

HTML

<div id="wrapper">
  <div id="page">
		<div id="header"></div>
		<nav></nav>
		<div id="content"></div>
	</div>
  <div id="footer"></div>
  
</div>

CSS

html {
      padding: 0;
      margin: 0;
      margin-bottom: 1px; 
}

body {
      padding: 0;
      margin: 0;
      background-color: #FFF;      
}

#wrapper {
      position: relative;      
      width: 980px;
      min-height: 450px;
      margin: 0 auto;
      background-color: #FFF;
}

#page {
      position: absolute;
      width: 980px;
      top: 0;
      left: 0;
      margin: 0;
       padding: 0;
      background-color: #FFF;
}

/* pin footer at bottom of wrapper with 5px space
*/
#footer {
      position: absolute;
      width: 980px;
      height: 160px;                                    
      bottom: -165px;                        
      left: 0;
      margin: 0;                                    
      background-color: #CF9855;  
}