Weird height behavior in css - Help

[michaelespinosa]

I have a page with a 3 column layout and a form that I created that I am trying to insert into the middle column. Should be really simple, but for some reason the div that the first field is in is stretching out to the bottom of the other two columns. It's hard to explain so here's a link http://www.rockchurchfamily.com/membership/form.htm

Note it does this in most browsers except IE

Thanks for any help,
Michael

[michaelespinosa]

I know it is related to clearing, but not sure if there is a way around it or not. I suppose I could do an iframe. But i would prefer not to.

Thanks,
Michael

[jcdevelopment]

try this

#form_container
{
text-align:left;
width:450px;
float:right;/*then if its not right where you want it then mess with the padding i imagine*/
}

i viewed this in firefox, it worked!!

[michaelespinosa]

Thanks, that worked beautifully. I knew it was a simple solution.

[jcdevelopment]

no problem, if you adjust the positioning of it, i would like to see how you made the forms shift to the left. keep me updated if possible