Website Layout: DIV Positioning and Placement

Answer 1

Because you have two blocks (FLOORPLANS and DEVELOPMENT INFO) each with a border, they're now too wide to sit next to the form block. Test this by removing one or both borders and seeing if the form then pops back up there.

Note, negative margin often has issues in IE6, be sure and check any solution against that.

Answer 2

The form div's top is in line with the top of the div that precedes it. The clear:left; on #projects moves #projects to the next line (good), along with the following content (bad). Try a negative top margin, or consider restructuring your HTML to put #form before #projects.

Adding the following should work:

#form {
    margin-top:-180px;
}
#projects {
    border-right: 1px solid #FFFFFF;
}