I have a simple form with a 1 line box and a submit button. It is housed in a CSS divider and there is an extra 10-15 pixels on the bottom of the form that I cannot get rid of. How do I go about removing the extra space on the bottom of the form so that it sits only 1-2 pixels above the divider bottom and not the 10-15 as it is now. Thanks
Just a guess, since you forgot to post your code: the form element has margin-bottom; the last element in the form has margin-bottom; the element following the form has margin-top. 'Course seeing the page would help. cheers, gary
The yellow box is 1 divider and for testing purposes I have set the form CSS to have a 1 pixel border. I see what you're saying, and setting margin-bottom does set the bottom of the border to the end of the divider. However I am looking to decrease the size of the form border itself. As you can see below the text box and Sign up button there is around 15 extra pixels that just wont budge. I would like to reduce the size so that I can get rid of that extra space. I tried negative margins, but there is still 10 pixels I just can't get rid of. Thanks
Ok I was sort of able to take care of the problem. However in IE fox some reason there is an extra 5 pixels on the bottom of the form that screws up the alignment of the div.