title: Position:absolute bottom right alignment
body: <p>I am trying to align my 40px40px image to bottom right. I've tried this, worked fine, but if I use another back image, it doesn't fit to bottom right. How can I avoid this problem ?</p>
  
  <pre><code>&lt;div style="width:179px;margin-right:9px;padding-bottom:10px;background-color:white;border:1px solid #c9d2d6;padding:4px;padding-bottom:7px;border-radius:4px;position:relative"&gt;
      &lt;img src="http://media-cache-ec4.pinterest.com/upload/212443307392484250_XX0wNZSy_b.jpg" style="width:179px;" \&gt;
      &lt;div style="position:absolute;z-index:5;top:73%;left:75%;width:40px;height:40px;border:1px solid #333333;"&gt;
          &lt;img width=40 src="http://media-cache-ec4.pinterest.com/avatars/baduizm1974-1346279934.jpg" \&gt;
      &lt;/div&gt;
      &lt;div style="border-radius:6px;width:179px;border-top:0px;position:relative;background-color:white;"&gt;
          &lt;div style="text-align:left;padding-left:6px;padding-right:5px;padding-top:3px;"&gt;Fragments by textile artist Lorenzo Nanni (2001) &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/ZzrVg.jpg" alt=""></p>