Space Between Body and Footer

[gotjesusyo]

Hey guys,

I have a problem that I can't figure out.

Here is my page Alumni Site (http://alumni.baptistcollege.edu)

Here is my CSS Layout (http://alumni.baptistcollege.edu/support/css/layout.css)

I have a space between the middle content and the footer on the page. This space is only present in firefox. Opera and IE display the page correctly. I haven't been able to find a solution. The page and CSS validate also.

Any help would be great,

Nathan Z.

[Feldon]

The problem is collapsing margins. I had the same problem in my site. Try adding a 1px border to separate the footer from the rest of the content.

[gotjesusyo]

No change with the border

[toicontien]

The .tidbit class has a bottom margin which pushes the .clearright DIV down. Remove the bottom margin on .tidbit and it will go away. It doesn't seem like it, but Firefox was the only browser to display it correctly. IE tends to remove bottom margins for the last element in a box. Opera, in it's quest to read CSS like IE, does the same thing. This is not per standard. Firefox is right.

And since .tidbit has a top and bottom margin of 10px, removing the bottom margin does nothing to the layout -- except get rid of that annoying space at the bottom.

[gotjesusyo]

That fixed it.....thanks so much!