title: Absolute positioning inside relative positioning
body: <p>I have a little problem with my short code. <a href="http://www.pugganagga.com/" rel="nofollow noreferrer">Here</a> you will find my website.<br>
  It's only a image with a button on it. My problem is, that now the button moves around when I want to scale the browser window. Therefore the button would be anyplace else on different browsers, computers, mobile phones,...</p>
  
  <p>This is my code:</p>
  
  <pre><code>&lt;center&gt;
  
  &lt;div style="position: relative; left: 0; top: 0;"&gt;
    &lt;img src="/images/home2.png" style="position: relative; bottom: 0; left: 0;"/&gt;
      &lt;div style="position: absolute; right: 300; bottom: 250;"&gt;
        &lt;a href="http://www.pugganagga.com/"&gt;&lt;img src=" /images/button.gif " onmouseover="this.src='  /images/button2.gif '" onmouseout="this.src='  /images/button.gif '"  /&gt;&lt;/a&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;/center&gt;
  </code></pre>