Make vertical menu height fit 100%

Question

I did a sketch http://i.imgur.com/cx3jXPu.jpg so sidebar has to drag down all the way together with the content sidebar.

Answer 1

its height should be 100% as well as all of its parents divs

html, body{
    height:100%;
    width: 100%;
}
.container{
    width:100%;
    height:100%;
    border:1px solid red;
}
.sidebar{
    width:25%;
    height:100%;
    background:gray;
}

http://jsfiddle.net/ahmedskaya/Bek9L/1863/