title: absolute positioning a footer
body: <p>I have a container containing one float left and one float right div.</p>
  
  <p>I want to position a footer on the right side div on the floor. Both left and right divs need to expand relative to the tallest div and the footer should stay on the bottom of the right side div at all times.</p>
  
  <p>How can I achieve this? Can someone please provide me an example or point me to tutorial?<img src="https://i.stack.imgur.com/098Js.jpg" alt="enter image description here"></p>
  
  <p><strong>EDIT:</strong></p>
  
  <hr>
  
  <p>OK, sorry for my terrible pic but I think you get the idea. Also, if the left div grows taller than the right, the right div should grow with the left and vise versa. If the content on the right grows, it should not overflow onto the footer.</p>
  
  <hr>
  
  <p><strong>EDIT</strong></p>
  
  <p>This is a screenshot of the latest attempt by jackthetipper. The footer is not yet on the bottom of the right side div even though content has been added to the left.<img src="https://i.stack.imgur.com/bRq4v.jpg" alt="enter image description here"></p>