title: Keeping button div in static position as window is resized
body: <p>I am fairly new to css and html and so I am having a little trouble positioning divs that stay in that positioning when the window is resized.
  If I could have any help in positioning a button I have on my website while keeping it static as the window is resized that would be great.</p>
  
  <p>Here is the link: 
  <a href="http://jsfiddle.net/aritro33/B8dLk/4/" rel="nofollow">http://jsfiddle.net/aritro33/B8dLk/4/</a></p>
  
  <p>Notice how the POST button moves around as the window is resized. How would I keep it stationary at the edge of the body?</p>
  
  <p>Thanks!</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class = "header"&gt;&lt;span class = "headert" contenteditable = "true"&gt;YOUR TITLE:&lt;/span&gt;&lt;/div&gt;
  &lt;div class = "body"&gt;&lt;span class = "bodyt" contenteditable = "true"&gt;And a little more explanation, please!&lt;/span&gt;&lt;/div&gt;
  &lt;div class = "buttoncontainer"&gt;&lt;a href="#" class="postbutton"&gt;Post&lt;/a&gt;&lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code> @import url(http://fonts.googleapis.com/css?family=Oswald:400);
  
  
  body{
      background-color: #268fd6;
      overflow: hidden;
  }
  
  .header{
      background-color: #144c72;
      height: 80px;
      width: 500px;
      margin: 0 auto;
      border-top-left-radius: 30px;
      border-top-right-radius: 30px;
      position: relative;
      top: 50px;
  }
  
  .headert{
      font-family: 'Oswald';
      font-style: light;
      font-size: 50px;
      position: relative;
      left: 15px;
      top: 5px;
      color: white;
      outline: 0px solid transparent;
  }
  
  .body{
      background-color: #2980B9;
      min-height: 70px;
      width: 500px;
      margin: 0 auto;
      position: relative;
      top: 50px;
       overflow: hidden;
       padding: 20px;
       -moz-box-sizing: border-box;
       box-sizing: border-box;
       -ms-box-sizing: border-box;
       -webkit-box-sizing: border-box;
  
  }
  
  .bodyt{
      color: white;
      font-size: 22px;
      font-family: 'Oswald';
      outline: 0px solid transparent;
      font-style: light;
  }
  
  .postbutton {
      background-color:#27AE60;
      -webkit-border-top-left-radius:6px;
      -moz-border-radius-topleft:6px;
      border-top-left-radius:6px;
      -webkit-border-top-right-radius:6px;
      -moz-border-radius-topright:6px;
      border-top-right-radius:6px;
      -webkit-border-bottom-right-radius:6px;
      -moz-border-radius-bottomright:6px;
      border-bottom-right-radius:6px;
      -webkit-border-bottom-left-radius:6px;
      -moz-border-radius-bottomleft:6px;
      border-bottom-left-radius:6px;
      text-indent:0;
      border:1px solid #27AE60;
      display:inline-block;
      color: white;
      font-family:arial;
      font-size:15px;
      font-weight:bold;
      font-style:normal;
      height:50px;
      line-height:50px;
      width:100px;
      text-decoration:none;
      text-align:center;
      position: relative;
      top: 60px;
      left: 66.5%;
  }
  
  .buttoncontainer{
     position: relative;
  }
  </code></pre>