title: I can't move a div with percentage
body: <p>I want to move a div to the bottom but it doesnt move if i write in percentage,but in   pixels it works.</p>
  
  <p>Here's the css:</p>
  
  <pre><code> &lt;style type="text/css"&gt;
    html
   {
   width:100%;
   height:100%;
    overflow-x:hidden;
    overflow-y:auto;
     }
    div#container
     {
  position:relative;
  width: 100%;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  text-align:left; 
    }
    #g_image3
    {
    width: 100%;
    }
    body {text-align:center;margin:0}
     &lt;/style&gt;`
  </code></pre>
  
  <p>Here's the html:</p>
  
  <pre><code> &lt;body bgColor="#000000"&gt;
   &lt;div id="container"&gt;
    &lt;div id="g_image3" style="position:absolute; overflow:hidden; left:0px; top:0px; z-   
   index:1"&gt;&lt;img src="images/top_bg.jpg" alt="" title="" border=0 width="100%"   
   heigth="100%"&gt;&lt;/div&gt;
    &lt;div id="g_image4" style="position:absolute; overflow:hidden; left:0px; top: 10%;       
    width:265px; height:400px; z-index:1"&gt;&lt;img src="images/content1.png" alt="" title=""   
    border=0 width=265 height=400&gt;&lt;/div&gt;
   &lt;/div&gt;
   &lt;/body&gt;
  </code></pre>
  
  <p><a href="http://imageshack.us/f/690/snapshot20130607214258.png/" rel="nofollow">Here is a link with the picture of a page</a></p>
  
  <p>I want to move g_image4 in the bottom, but it keeps remain<br>
  clinging of the g_image3 if i write it in percentage.In pixels it works but i need it in percentage nto in pixels.
  Where do i mistake?I dont get it why it dont move....</p>