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!.

[kseso?]

Prueba lo siguiente, fíjate en los cambios y si tienes alguna duda, comenta.

Código css:

* {
border:0;
margin:0;
outline:0;
padding:0;
}
body {
background-color:#000000;
}
#marco {
background-color:#FF6600;
height:580px;
margin-left:auto;
margin-right:auto;
overflow:hidden;
width:800px;
}
#head {
background-color:#FFDFE0;
height:100px;
width:800px;
}
#menu {
background-color:#CCCCCC;
border-right:1px solid black;
float:left;
height:460px;
width:170px;
}
#nav {
background: #ccc;
float:left;
height:460px;
overflow:auto;
width:630px;
margin-right: -1px;
}
#foot {
background-color:#333333;
clear:both;
height:20px;
width:800px;
}
 

Un saludo

[elkevin]

Que grande maestro!.

Ahí vi las modificaciones!, el scroll en auto, tanto el menú como el nav float left, y ese vendito pixel que se le restó!.

Grandioso!, muchisimas gracias!.