[CSS] Problem mit höhe eines DIVs

Ich bin im Moment dabei mir CSS vernünftig anzueignen und möchte gerne, dass Links verschiedene Seiten in einem DIV aufrufen.
Das klappt mit JavaScript auch ganz gut soweit.

Allerdings soll dieser DIV im mainframe natürlich nicht endlos lang (hoch) sein, sondern nach Möglichkeit z.b. 80% des Bildschirms einnehmen und dann ein Scrollen erzwingen.

Hier ist mein Test, den ich mal auf meinem Webspace hochgeladen habe, damit ihr versteht was ich meine.

Deutlich wird das Problem, wenn ihr auf "Link 1" klickt.

Im Quelltext ist dieser DIV wie folgt deklariert:

Geschützter Hinweis (zum Lesen markieren): #inhalt { position:absolute; top:260px; left:230px; width:38%; height:80%; padding:0px; margin:0px; }

Die Eigenschaft "height" wird aber scheinbar nicht angewendet.


Vielleicht gibt es hier ja einige CSS-Kenner und -Könner unter euch