title: Picture moves when browser zooms
body: <p>I'm new to HTML and CSS, and also new on this forum. I have some trouble with the browser zoom function. I want to stick an image to the bottem of my DIV, just like I show you in this picture.
  <a href="http://imageshack.us/a/img29/1417/n81h.png" rel="nofollow noreferrer">http://imageshack.us/a/img29/1417/n81h.png</a></p>
  <p>But when I zoom with my browser, the image moves and doesn't line up any more with the DIV's bottom, like here:
  <a href="http://imageshack.us/a/img14/221/vrqd.png" rel="nofollow noreferrer">http://imageshack.us/a/img14/221/vrqd.png</a></p>
  <p>What can I do about it? I've searched a lot but can't find a clear answer.
  Thanks!</p>
  
  
  <pre><code>&lt;head&gt;
      &lt;title&gt;Portfolio&lt;/title&gt;
      &lt;link href=&quot;MyStyle.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; /&gt;
  &lt;/head&gt;
  
  &lt;body style=&quot;background:#81DAF5&quot;&gt;
      &lt;div&gt;
          &lt;div ID=&quot;Page1&quot;&gt;
              Welcome at my portfolio
              &lt;div ID=&quot;Creative&quot;&gt;Being creative is being me&lt;/div&gt;
              &lt;div&gt;&lt;img id=&quot;head&quot; src=&quot;head2.png&quot;/&gt;&lt;/div&gt;
          &lt;/div&gt;            
          &lt;div ID=&quot;Page2&quot;&gt;Random Text 2 :)&lt;/div&gt;
          &lt;div ID=&quot;Page3&quot;&gt;Random Text 3 :)&lt;/div&gt;
      &lt;/div&gt;        
  &lt;/body&gt;
  </code></pre>
  
  <pre><code>}
  
  #Page1{
      font-family:Cartoon;
      font-size:100px;
      text-align:center;
      background-color:#D8D0F4;   
      width:80%;
      height:80vh;   
      border-radius:60px;
      margin: 10vh auto 10vh auto;
      border: 10px solid #FFE1E1;
          
  }
  
      
  #Page2{
      font-family:Cartoon;
      font-size:30px;
      text-align:center;
      background-color:#D8D0F4;
      width:80%;
      height:80vh;
      border-radius:60px;
      margin: 20vh auto 10vh auto;
      border: 10px solid #FFE1E1;
  }
  
  #Page3{
      font-family:Cartoon;
      font-size:30px;
      text-align:center;
      background-color:#D8D0F4;
      width:80%;
      height:80vh;
      border-radius:60px;
      margin: 20vh auto 0vh auto;
      border: 10px solid #FFE1E1;
  }
      
  #Creative{
      font-family:cartoon;
      font-size:50px;
  }
  </code></pre>