title: how to make a div to float down?
body: <p>I have 4 divs. One is outer wrapper, and other 3 are header, content and footer respectively. All the are of same(fixed) width. But height of outer wrapper and content div are variable. </p>
  
  <p>irrespective of the size of these, i want the footer div to stick at the bottom of outer wrapper. I have tried using the following CSS</p>
  
  <pre><code>position: relative;
  bottom: 0px;
  </code></pre>
  
  <p>But it didn't work. Does anybody know a solution?</p>