title: Making divs stay the same place when resizing window
body: <p>First of all im new programmer, so dont judge quickly :). Anyways ive been struggling with this problem for some time now. The problem is when im resizing(scaling whatever) the window, it messes around with ALL my elements. When resizing my website, you should just see less, than before. Not move around elements.</p>
  
  <p>Here's the code:</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="leftblock"&gt;
     &lt;/div&gt;
  
  
  
  &lt;div id="rightBlock"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>#leftblock {   
  
   margin-left: 20%;
   background-color: red;
   float: left;
   height: 100px;
   width: 3px;  
  
  }
  
  
  
  #rightBlock { 
   margin-right: 20%;
   background-color: red;
   float: right;
   height: 100px;
   width: 3px;
  
  
  }
  </code></pre>
  
  <p>To be sure what i mean, test the code in an editor, and then try resize the window.</p>
  
  <p><a href="http://jsfiddle.net/fwmfL/" rel="noreferrer">jsFiddled here</a></p>