title: html div container doesn't take height by the content inside
body: <p>Why <code>&lt;div id = "container"&gt;</code> has height of 433px? I make this page <a href="http://www.elektroninescigaretes.ym.lt/" rel="nofollow noreferrer">http://www.elektroninescigaretes.ym.lt/</a> and when I instect an element it shows me div has only 433px and I want to make on footer All rights reserved (c) stuff, so I need div to have height of all page not only of the upper part.</p>
  
  <pre><code>//index file
  &lt;?php include ("template/header.php"); ?&gt;
  &lt;div id = "home_content"&gt;&lt;/div&gt;
  &lt;?php include ("template/footer.php"); ?&gt;
  
  
  //header file
  
  &lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;link rel = "stylesheet" href = "media/styles/style.css" media = "screen"&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
  &lt;title&gt;el Cigarai&lt;/title&gt;
  &lt;/head&gt;
  &lt;body class = "&lt;?php 
  $remove = array(".php", "/");
  $url = $_SERVER['SCRIPT_NAME'];
  $current_file = str_replace($remove, "", $url);
   $current_page = explode('_', $current_file);
   echo $current_page[0];
  ?&gt;"&gt;
  
  &lt;div id = "container"&gt;
  
  //footer file
  
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  
    /style file
  
  #container{
  position: relative;
  margin: 0 auto;
  width: 960px;
  height: 100%;
  }
  #home_content{
  position: absolute;
  top: 294px;
  right: 60px;
  width: 960px;
  height: 750px;
  background-image: url('../images/woman.jpg');
  background-repeat: no-repeat;
  overflow: hidden;
  }
  </code></pre>