title: div overlaps on smaller screen resolution
body: <p>Hi I am having trouble getting a <code>div</code> to stay in place when the window is resized. It overlaps the content div when its made smaller.</p>
  
  <pre><code>#content
  {
    width: 70%; 
    height: 800px;    
    margin-top: 50px;     
    margin-left: auto;
    margin-right: auto;
    background-color: #202020;
    padding: 30px;        
  }
  
  #login
  {
    float: right;
    margin-right: 20px;
    margin-top: 50px;
    background-color: #4A4344;
    width: 200px;
    height: 220px;
    text-align: center;       
  }
  </code></pre>
  
  <p>I tried to set the values to <code>em</code> and percentages but I cannot seem to get it working.</p>
  
  <p>Thanks for any advice.</p>