Navileist in Javascript wird zu lang

[Donnerkai]

Hallo,

ich habe auf der linken Seite meines Projektes einen Navileiste.
Diese ist, ähnlich dem Verzeichnisbaum in Windows und kann einzelne Verzeichnisse auf- und zuklappen.
Wenn ich nun alle Verzeichnisse aufklappe, wird die Liste so lang, dass sie nach unten aus dem Sichtbereich läuft. Kann ich das irgendwie so hinbekommen, dass ich alle einträge sehen kann??
Die Navileiste ist im CSS mit #Navi gekennzeichnet.
Ich habe auch schon versucht dieses Element mit overflow:scoll zu ergänzen.
Auch das hat leider nicht funktioniert.
Kann mir jemand einen Tipp geben?

body   { font-family:arial,sans-serif; background-color:#EBE9D8; margin-left:40px; margin-right:250px; margin-top:30px; margin-bottom:10px; }  
  p, h1, h2, h3, h4, ul, ol, li, div, td, th, address, blockquote, nobr, b, i { font-family:arial,sans-serif; color:#070204; }  
  h1     { font-size:18pt; color:#070204; }  
  h2     { font-size:14pt; color:#070204; }  
  h3    { font-size:12pt; color:#070204; }  
  h4     { font-size:12pt; color:#070204; }  
  p, ul, ol, li, div, td, th, address, nobr, b, i { font-size:12pt; color:#070204; }  
  pre          { font-family:courier new,courier; font-size:12pt; color:#070204; }  
  a:link       { color:#0000FF; text-decoration:underline; }  
  a:visited    { color:#800080; text-decoration:underline; }  
  a:hover { color:#FF0000; text-decoration:none;}  
  a:active     { color:#FF0000; text-decoration:none; }  
  a:link  img { text-decoration:none; }  
  #navi { position:fixed;}  
  #inhalte { padding-left:280px;}