I am working on a form and I have the Label Position for the elements set to "Left". However, when I upload it to my site, it moves the labels to the top and I can't figure out why. I am pretty sure it has to do with margins or css width but can't find what is causing it. When I upload the form to a blank page it looks fine. When I add it to the page I want it on, it moves the labels. Example: www.sdibaonline.org/bustodirectory.htm
Blank page: www.sdibaonline.org/test.htm
Any insight would be greatly appreciated.

Alter the width or remove the float:right; line 119 sdiba.css

Thanks for the quick reply. I tried removing the float: right and that didn't change it. It still showed the labels on top. I have tried adjusting the form width within form builder. I have tried a 470 max width and even a 400 max width but it always wants to put the labels on top.

I have to change the width to 770px; before it shows up correctly. Is there no way to get it to show with the labels on the left with the width smaller than that?

Try decreasing the width of your elements in the form builder to the minimum. 20%

I finally got it to fit on my page by changing the position in css from float: right; to position: relative;
However, I still have to have the css width set at 770px; to get it to work right and I don't understand why. I will play with the width of the elements like you said but at least I have a work-around for now.