title: Responsive position:absolute for button
body: <p>I have an image that has a button with position absolute on the right side. The button should stay in place when the window is resized. </p>
  
  <p>I could do this with silly media queries after every small screen change but that doesn't seem right.</p>
  
  <p>What would be the best solution? I have also created a jsFiddle here: <a href="http://jsfiddle.net/5t1zu6px/2/" rel="nofollow">http://jsfiddle.net/5t1zu6px/2/</a></p>
  
  <pre><code>.post-image {   
      width:40%;
      position:relative;
      float:left;
  }
  button {
      position:absolute;
      bottom:10%;
      right:-9%;
  }
  </code></pre>
  
  <p>Thanks</p>