The problem of the stylesheet not responding to the dimensions of the div set using div { height:100%} attribute , when the dimensions are set using % attribute to make it work the html height should be set to 100% . html{height:100%}