Obtenir deux bloques statiques comme"Gmail hors ligne"

Bonjour,

J'ai une difficulté dans un affichage en css.A la manière de "Gmail hors ligne",je voudrais obtenir une interface qui est divisée en deux block verticals qui prennent tous deux 100% de la hauteur de l'écran de l'utilisateur avec un scrollbar pour chaque block.J'ai essayé de donner des hauteurs en pixel mais je trouve mieux que ce soit en pourcentage pour le confort de chaque écran.Je galère dessus depuis une semaine.Pour mieux comprendre vos suggestion,voici un code simple html simple que je produit:

<div id="page">
        
       <div id="menuHorizontal">
       </div>
        
        <div id="conteneur">
              <div id="liste">
              </div>
              <div id="contenu">
              </div>
        </div>
   
      <div id="PiedsPage">  
      </div>

 </div>

Je voudrais que les conteneurs "liste" et "contenu" qui sont des frères,soient comme je vous l'ai expliqué plus haut:statiques avec des scroll bar à la manière de 'Gmail hors ligne".


Merci à tous,j'ai hate de lire vos suggestions et bonne fin d'année par anticipation.

Obtenir deux bloques statiques comme"Gmail hors ligne"