Hi there,

i've got the following problem in FireFox/IE

I've defined 2 div's NWImage & TopImage, where NWImage contains TopImage.

Now in the CSS TopImage has a top margin of 195px, yet in firefox & chrome, the surrounding NWImage starts at 195 px fromt he top of the page & Topmessage is glued to the top, as opposed to the NWImage startong from the top & TopMessage offsetting 195 px, as it does in IE

Any ideas what i'm doing wrong?

CSS code:

#NWimage
{
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	height:2319px;
	width:1024px;
	border:0px solid #000;

	
	background-image:url("http://www.icoe.be/NW/Art/Backdrops/NWBackDrop.jpg");
}

#TopMessage
{
	margin-top: 195px;
	margin-left: 4px;
	border: 3 px solid red;
}

Html (www.icoe.be/NW/index.html):

<div id="NWimage">
		<div id="TopMessage">
			<embed width="923" height="94" src="http://www.icoe.be/NW/Art/Animations/NW%20top%20message.swf">
		</div></div>

You're getting margin-collapse, which is NOT a bug. Add padding-top: 1px to #NWImage and it will correct.

thx for the fast reply, that did it

never said it was a BUG

never said it was a BUG

I know.. but when I point out 'margin-collapse' people often think it's a bug, but it's not, it's actually correct behavior.