overflow

[dangerschwob]

wie müsste ich das jetzt eigentlich umbauen wenn ich oben noch eine Zeile haben will über beide Spalten. Hab das zwar schon mal hinbekommen aber irgendwie haut das nicht von der Höhe hin.

Es soll nur die Zelle Inhalt eine Scrollbar erhalten.

  
<style type="text/css">  
<!--  
 {  
   margin:0;  
   padding:0;  
   border:0;  
   outline:0;  
 }  
 html, body  
 {  
   width:100%;  
   height:100%;  
 }  
 .layout  
 {  
   height:100%;  
   overflow:auto;  
 }  
 #navigation-container  
 {  
   width:200px;  
   float:left;  
 }  
 #top-container  
 {  
   height:150px;  
 }  
-->  
</style>  

  
<div id="top-container">  
        <h1>TOP</h1>  
</div>  
<div id="navigation-container">  
        <h1>Menü</h1>  
</div>  
<div class="layout">  
        <h1>Inhalt</h1>  
</div>