The Wrapping DIV is Collabing

[equipment]

I have following code example

 

div#nav_wrapper {
    width: 700px;
    margin: 0 auto 0;
}

div#nav {
float: right;
}

 

The wrapper is collabing while the div inside the wrapper is floating far till to the side of the window (web browser).

 

Any ideas how to have the wrapper keep the div inside of it in position, without letting it float away.

[haku]

div#nav_wrapper {
    width: 700px;
    margin: 0 auto 0;
    overflow:auto;
}

 

If you get scroll bars, add some bottom padding to #nav_wrapper until they disappear.