html {
    height: 100%; /* <------------ */
}

body {
    height: 100%; /* <------------ */
}

        a {text-decoration: none; }
a:link, a:visited {
    color: blue;
}
a:hover {
    color: purple;
}

{ margin:0; padding:0; }

div#header {
outline: none;
/*height:12%;*/
width:100%;
background-color: white;
}

div#sidebar {
float: left;
list-style-type: square;
list-style-position: inside;
color:white;
height:100%;
width:15%;
background-color: white;
}