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

[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