Spraw, aby pasek nawigacyjny zajmował całą wysokość strony w css

Projektuję stronę internetową przy użyciu css i html. Udało mi się uzyskać pasek nawigacyjny po lewej stronie mojej strony za pomocą tego css, jednak po przewinięciu ekranu pasek nawigacyjny nie jest już kontynuowany.

#navbar {
  background: #a8a599;
  float: left;
  width: 20%;
  height: 100%;
}

Jednak chciałbym, aby wysokość paska nawigacyjnego była wysokością dokumentu. Czuję, że potrzebuję do tego skryptu java, jednak jestem nowym użytkownikiem skryptu java, więc nie jestem pewien, jak to osiągnąć. Wydawało mi się, że zwiększenie wysokości o 100% spowoduje, że zajmie całą stronę, jednak zajmuje tylko widoczną część strony.

Tutaj jest na skrzydle, jeśli chcesz spojrzeć na resztę stronyhttp://jsfiddle.net/HRpXV/3/embedded/result/

questionAnswers(5)

yourAnswerToTheQuestion