IE Header Whitespace

[createErrorMsg]

I'm working on a project with a header at the top and content with a left nav absolutely positioned in the left margin below. Borders are made using sliced up rounded corner images as background for divs in each of the three sections.

My problem is this: In IE6, there's a huge gap between the bottom of the header and the top of the nav/content containing div. If I use negative top margins to pull the nav/content up some, it overlaps in FIrefox and ruins the pretty borders I worked so hard to construct.

I've tried all kinds of margin and padding adjustments, even tried to apply the box model hack to the margins (failed), but so far, I can't find a way for Firefox to keep it's margin-top: 0; and IE6 to get the margin-top: -15; that it needs to look right.

Thoughts?

[ktwilight]

can you please copy paste the relevant bits? it might help us find out what's the problem.

[timhisu]

It's probably because IE is running in quirks mode.

Specify a DOCTYPE and it should clear up some of the differences.

[SuzyUK]

have you got a <hn> element in your header and/or <hn> or <p> element at the start of the content?

if so the (default) margins on these elements may be causing the space..

Suzy