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.

Here's the HTML

```
<div class="top-wrap">
    <div class="clearfix top-cleafix">
        <div class="test">
            Test
        </div>
    </div>
</div>

```

Here's the CSS

```
.clearfix{
    width: 960px;
    margin-left: auto;
    margin-right: auto; 
}

.top-wrap{
    height: 341px;
    background: #F00;
    width: 100%;    
}

.top-cleafix{
    height: 100%;
}

.test{
    bottom: 0px;    
}

```