I have the following structure. <http://i.stack.imgur.com/l59Zx.png> {Link to the Image}

I want to move the sidebar in the bottom on resizing the window but I can't figureout a way to do it. 

Here are some pieces of my code

```
<div class="contentWrapper">
<div id="sidebar">.........</div>
<div class="content box">......</div>
</div>

CSS

.contentWrapper{
position: relative;
width:980px;
padding:91px 0 0 0;
margin:0 auto
}

#sidebar {
position: absolute;
top:100px; bottom:-100px; right:0;
width:200px;
background:#000;
}

.contentBox{
background:rgba(0, 0, 0, 0.8);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000,endColorstr=#cc000000); /* IE */
padding:30px 0;
margin:0 auto;
font-family:'Abel';
font-size:24px;
color:#fff;
text-align:center
}

```