title: How to add padding to bottom of site containing a floated img?
body: <p>I'm building a webpage which has an 'img' floated within a div as the lowest element displayed on page.  The page ends abruptly at the bottom of the image.  For nice aesthetics I would like the user to be able to scroll to just beyond the image (20px or so).  I have attempted to apply margin-bottom and padding-bottom to both the body, a containing div, and the image in question but to no avail.</p>
  
  <p>I have not, and will not try to do this using html to add a buffer or any other hackish solution. </p>
  
  <p>The page: <a href="http://www.roughgiraffed.com/about.php" rel="nofollow noreferrer">http://www.roughgiraffed.com/about.php</a>
  (please don't judge us lol, still very rough (pun intended) and far from deployment)</p>
  
  <p>Thank you in advance for any help!</p>