CSS Extra Line Break

http://japantown.awardspace.com/news/

As you can see in this example, there is a header image.

Then two spaces.

Then Japan Town > News

Then one space.

Then News Jump:

Then one space.

Then the copyright.

My question is, how can I get rid of that extra space below the header? I tried displaying it inline, but that makes the header disappear.

it's because your #billboard is actually in that space, but is being moved up onto the #header div.

1) re-write your markup so the #billboard really is inside the #header div.

-or-

2) try changing #billboard{ margin: 0 25px 0 25px; } to #billboard{ margin: 0 25px -25px 25px; } (only tested in Fx3.6).

Ah, makes sense, thanks. I'll give it a try later.