title: Stick image to the div bottom
body: <p>I have one div that should contain text and bellow it one image.<br/>
  I don't want that image to ever go out of that div. Just to the bottom.<br/>
  That image maximum should be 128px.<br/>
  But when text on top of the div is too large image should become smaller.<br/>
  I have tried something but this stick image to the bottom of the browser:</p>
  
  <pre><code>&lt;div style="width:250px; height:300px;background:#ff0000;"&gt;
      &lt;div style="background:#00ff00;"&gt;hello&lt;br/&gt;hello&lt;br/&gt;hello&lt;br/&gt;hello&lt;br/&gt;hello&lt;br/&gt;hello&lt;br/&gt;hello&lt;br/&gt;hello&lt;br/&gt;hello&lt;br/&gt;hello&lt;br/&gt;hello&lt;br/&gt;hello&lt;br/&gt;&lt;/div&gt;
      &lt;img src="http://www.blogcdn.com/www.joystiq.com/media/2008/07/ea.logo.round.490.jpg" style="position: absolute;
                                                                                                   bottom: 0;
                                                                                                   set left: 0;
                                                                                                   height: 24px;"/&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p><strong>Update</strong></p>
  
  <pre><code>&lt;div style="width:250px; height:300px;background:#ff0000;"&gt;
      &lt;div style="background:#00ff00;"&gt;hello&lt;br/&gt;hello&lt;br/&gt;hello&lt;br/&gt;hello&lt;br/&gt;hello&lt;br/&gt;
  hello&lt;br/&gt;hello&lt;br/&gt;hello&lt;br/&gt;hello&lt;br/&gt;hello&lt;br/&gt;hjg&lt;br/&gt;jhg&lt;/div&gt;
      &lt;img src="http://www.blogcdn.com/www.joystiq.com/media/2008/07/ea.logo.round.490.jpg" style="position: relative;bottom: 0;left: 0; height:100%;"/&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p><strong>Update</strong>
  <a href="http://jsfiddle.net/jjehN/" rel="nofollow">http://jsfiddle.net/jjehN/</a></p>