Ayuda: Se rompe alineación de DIVs al agregar overflow:scroll

[elkevin]

Buenas colegas!,

Lo que me anda pasando, es sin mas lo del título, me las ingenié para armar una estructura, y quedó como yo quiero, pero esta se rompe al momento de agregar un "overflow: scroll" y realmente lo necesito.

Así se ve el diseño: i940.photobucket.com/albums/ad246/ces_ar/diseo.png En la imagen muestro donde necesito en scroll vertical nada mas.

El código en cuestión...

CSS:

Código PHP:

  <style type="text/css"> 
body 
{ 
    background-color: #000; 
} 
 
#marco 
{ 
    width:800px; 
    height:580px; 
    margin-left:auto; 
    margin-right:auto; 
    background-color: #F60; 
} 
 
#head 
{ 
    width: 800px; 
    height:100px; 
    background-color: #FFDFE0; 
} 
 
#menu 
{ 
    float:left; 
    width: 170px; 
    height:460px; 
    background-color: #CCC; 
    border-right: 1px solid black; 
} 
 
#nav 
{ 
    width: 630px; 
    height:460px; 
    padding-left:170px; 
    background-color: #CCC; 
} 
 
#foot 
{ 
    clear: both; 
    width: 800px; 
    height:20px; 
    background-color: #333; 
} 
</style>  
   

HTML:

Código HTML:

<div id="marco">
    <div id="head"></div>
    <div id="menu"></div>
    <div id="nav"></div>
    <div id="foot"></div>
</div> 

Es en el DIV "nav" en el que deseo colocar el scroll.

Desde ya muchas gracias!.