Question

How do I stop a div from wrapping/moving below when the browse is resized to the left. everything else on the page stays still except this one box. I want it to not move and force the user to use the browser left right scroll to view it.

#signup_box {
    width: 363px;
    height: 392px;
    float: right;
    margin-right: -34px;
    min-width: 363px;
}

Answer 1

You’re floating it. It will wrap. Try positioning it manually, something like:

#signup_box {
    width: 363px;
    height: 392px;
    position:absolute;
    right:34px;
    top:0px;
    min-width: 363px;
}