title: Cannot position div to bottom 0px with CSS
body: <p>I' am trying to position a div on my site to bottom 0px. Please see the code below. This div with position 0px is wrap inside another div.</p>
  
  <p>Here's the HTML</p>
  
  <pre><code>&lt;div class="top-wrap"&gt;
      &lt;div class="clearfix top-cleafix"&gt;
          &lt;div class="test"&gt;
              Test
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here's the CSS</p>
  
  <pre><code>.clearfix{
      width: 960px;
      margin-left: auto;
      margin-right: auto; 
  }
  
  .top-wrap{
      height: 341px;
      background: #F00;
      width: 100%;    
  }
  
  .top-cleafix{
      height: 100%;
  }
  
  .test{
      bottom: 0px;    
  }
  </code></pre>