Firefox issue - vertical 10px space unwanted

[corio]

Can anyone help me figure out how to get rid of the 10 pixel gap at the top of the page of

<Sorry, no personal URLs. See TOS [webmasterworld.com]>

On Firefox, it's there. And it causes the whole page to be pushed down, which throws off the floating menus.

On IE, it looks fine.

I tried adding topmargin and marginheight. Firefox doesn't recognize them. I tried adding CSS to the body tag to set margin and padding to zero. No dice.

It's driving me crazy! Please help.

[edited by: tedster at 2:40 am (utc) on Nov. 13, 2004]

[Never_again]

Hard to say without more information and a good look at the code.

Are you using CSS? If so, you may not have set the margins to "0" on one of your properties. Some have a default of 10px.

[tedster]

The place I suggest you start when debugging any page is by validating the mark-up.

W3C HTML Validator [validator.w3.org]

Firefox adheres much more closely to web standards, compared to IE (which is getting really old at this point). From your description, my first suspicion is a quirks mode issue or the bogus way IE renders the box model.

But please validate first, and then we can look at potential issues. We probably will need to know what DTD you are using.

[corio]

I tried running the validator. It came back with a bunch of stuff about alt tags in images, which has not corrected this problem.

<No URLs, please. See TOS [webmasterworld.com]>

[edited by: tedster at 5:43 am (utc) on Nov. 13, 2004]

[tedster]

In your CSS file, do you have this?

body {
margin:0;
padding:0;
}

The attributes topmargin, marginheight, etc. are not standard HTML. So to instruct the more modern, standards-compliant browsers, you must use CSS

[corio]

Yes, I have that... below is the code.

<STYLE TYPE="text/css">
<!-- //
body { padding: 0px; margin: 0px;}
P, TD, LI { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000;}
A:link { color: #006699;}
A:visited { color: #000099;}
A:active { color: #006699;}
A:hover { color: #000099;}

// -->
</STYLE>