Css height: 100% avec 2 ascenseurs ?

Bonjour.

J'ai un site avec une structure de page qui imite l'option dite "classique" du poste de travail de Windows (ou son équivalent chez Mac ou Linux).
Elle consiste en deux fenêtres. A gauche, il y a un index de toutes les pages du site sous forme d'arborescence. En cliquant sur une page dans l'arborescence, on voit s'afficher son contenu dans la fenêtre de droite.
Comme il y a beaucoup de pages, et il y en a qui sont longues, il faut bien des ascenseurs. Toujours en imitant Windows, chaque fenêtre est pourvue d'un ascenseur en cas de débordement.
Or le seul moyen que j'ai trouvé jusqu'à ici pour faire afficher ces ascenseurs en CSS est de mettre dans la boîte parente: height: 550px

En mettant height: 100%, les ascenseurs disparaissent pour être remplacés par un asenseur unique pour la page entière. Ce qui est peu commode pour le visiteur.

Ne connaissant pas la hauteur disponible sur l'écran du visiteur, l'option de bloquer le height à 550px fait, soit un gaspillage de place sur un grand écran, soit l'apparition d'un troisième ascenseur pour l'ensemble de la page sur un petit écran.

La feuille CSS, peu présentable pour cause d'essais, est
http:// NOINDEXcybertheologie.net/cybestyl.css (enlever NOINDEX de l'URL, merci)

Il y a un "++++" comme repère à côté des lignes qui posent problème.
J'avoue être assez ignorant de JAVA, et suis à la récherche d'une solution CSS si possible. Mais toute idée serait bienvenue…

Merci d'avance, Paul