ecco il mio problema:

di seguito publico l'html in questione, la mie domande sono:
1)quali proprietà devo fornire al css perchè il livello "menu" allo scroll verticale non si muova bensì rimanga visibile in alto e non scorra con il resto dei contenuti presenti nel livello "contenuti"
2)tenendo fisso quindi non scrollabile il livello "menu" ed andando a scrollare tutto il resto, i contenuti del livello "contenuti" passerebbero sotto il menu avendo un orrbilile effetto di sovrapposizione, come posso creare una zona delimitata visibile presente sotto il livello menu?
in pratica solo una porzione del livello contenuti sarà visibile,e comunque dovrà essere una porzione fissa dello schermo.
non so se sono stato chiaro, ma qualcuno sa darmi delle indicazioni per procedere dato che col css me la cavicchio, ma su questo problema sono arenato da giorni! ringrazio moltissimo chi vorrà darmi qualche suggerimento, magari riportando esempi di code (sempre molto utile)!


<body>
<div id="menu">
<div id="menu1">
<table class="sez1" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
</div>
<div id="menu2">
<table class="sez1" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
</div>
</div>
<div id="contenuti">


wrwr</p>


werwerwe</p>


werewrr</p>


ewrw</p>


re</p>


wr</p>


rew</p>


rew</p>


re</p>


wr</p>


fdsfds</p>


ghgjh</p>


ghjghj</p>


jgjgh</p>


jg</p>
</div>