Question

I have a CSS sidebar that will display links on my website. However, it does not fill the full page height as I want. How can I make this work?

JSFiddle: http://jsfiddle.net/Pw4FN/

Answer 1

You cannot float an absolute positioned element. Don’t forget to set the height of both the body and the html nodes to 100%, and use a padding on the body element to avoid overlapping.

body, html {
    height: 100%;
}
body {
    padding-left: 200px;
}