Main area too narrow, and form wont center?

Permalink
I have a content area called main area and it is 585px wide. when I am in edit mode, it makes it very much more narrow,like 280px, I add a form block and it looks like the attached pic. But when I exit edit mode the text from the form centers in the column and the form itself jumps all over to the right. Any idea what is happening here?
Here is all the code for my #main stuff,
#main {
   min-height: 200px;
   float: right;
   width: 585px;
   line-height: 18px;
   margin: 10px 0;
   /* customize_main_background */background-color: transparent; /* customize_main_background */
}
#main img:hover {
   background-color: #fff;
   opacity: 0.80;
   filter: alpha(opacity=80);
   -moz-opacity: 0.80;
}
#main p {

1 Attachment