div-Element mit Hintergrund ohne Inhalt

[Peter Hohenreiter]

Hallo!

Ich will auf meiner Seite in einem linken 200px breiten Abschnitt haben, der eine blaue Hintergrundfarbe hat. Zudem enthält dieser Rand noch mein CSS-Menü(id="nav"). Obwohl ich für das div-Element(nav-pos) height:100% angegeben habe, erscheint es nur soweit wie das div-Element des Menü geht(-->490px). Wie kann ich erreichen, dass der Rand aber wirklich soweit nach unten wie nur möglich geht, auch wenn kein Inhalt vorhanden ist?

Hier mal der Code:
#nav-pos{
         position:absolute;
         top:119px;
         left:0px;
         width:200px;
         height:100%;
         background-color:blue;
         font-size:14pt;
         font-weight:bold;
         }

#nav ul{
        list-style-type:none;
        margin:0;
        padding:0;
        width:200px;
        height:380px;
        border:2px solid #616178;
        background-color:#B3B3C1;
        }
#nav li {
         padding:12px 5px 5px 5px;
         padding-left:10px;

<div id="nav-pos">
<div id="nav">
<ul>
<li><a href="index.html">Startseite</a></li>
...
...
...
</ul>
</div>
</div>