why is mozilla ignoring the margin settings?

[mr_newbie]

ive got a page with a menu at the top and content under it. i want a 50px space between the menu and the content. heres my code:

#content 	{
		clear: both;
		margin-top: 50px;
		border: 5px solid #000000;
		color: #000000;
		background-color: #FFFFFF;
		}

in IE it shows up perfect. but in mozilla, there is no space at all. why is it ignoring the margin settings?

[Fang]

The box model, collapsing margin

[Centauri]

Is the menu floated by any chance?

[drhowarddrfine]

IE is 10 years behind web standards. Never, ever use IE as a reference for how things should work.

[mr_newbie]

Is the menu floated by any chance?

yes, the logo and menu above are floated left and right - thats why i put clear:both for the content to cancel the float.

[Fang]

Give the menu or logo a margin-bottom:50px remove the margin-top: 50px; from content.
This would probably be better:

<div style="overflow:hidden; margin-bottom:50px;">
    <div id="menu">menu</div>
    <div id="logo">logo</div>
</div>
<div id="content">content</div>

Read the links I gave; knowing the box model is essential to CSS layout.
Clearing floats

[mr_newbie]

ah cool Fang, that fixed it. thanks for the links too.