Extra space around elements

Have you tried setting margin to zero?

Sorry, should have mentioned that. It's not the margin either. I've run into IE putting extra space below an image before, but can't remember what fixed it. Making the image a background image is a workaround, but I want it to be a link, so i don't want to do that.

I found if you place the tag immediately after the end of the code in the navigation and header div id's so there are no line breaks or whitespace between the end of the code and the closing tag it renders correctly on IE.

Thanks, that fixed the extra space inside the header element and after #navbar, but not the space after #wimpyBar.

Looks the same to me in FF or IE. Your IE must be corrupted someway. But you have a hugh number of scripting errors.

Steve, I've looked at it on three different PCs, each with IE6, and it looks the same (a 1px space between #navbar and #wimpyBar), so I think it's much more likely that it's an IE CSS rendering issue.

What scripting errors are you refering to? There's only a two JavaScript statements and I don't get errors from either in Firefox 1.0.4 or IE6.

Run it through the W3C validator, to see the errors.

Maybe I'm not looking at the same thing you are, looks same in IE6 and FF on my end. There is a gap between the video bar, and the header though; in both.

The only errors in the CSS are that I colored the scrollbars, which is a proprietary IE feature. The only errors in the XHTML are with the onClick, onMouseOver, onMouseOut attributes in the JavaScript statement, which should validate (the W3C uses the same method here) and some trivial complaints about the embedded flash movie.

None of that effects how the browser is rendering the layout. The gap you mentioned is the problem I'm trying to fix. What version of Firefox are you using that the gap shows up? For me it only shows up in IE.

Firefox 1.0.4 I just went back and checked again, in case I was having a bad day. I see the gap in both browsers.

Ian, try reducing the line-height from 130% in your style sheet for the Body in your Layout section.

Maybe I forgot or something, did you ever post another problem of your site before?(About the scrolling problem we fixed?) Anyways...

Looks Fine on Moz, all versions...
IE 6 is ok too...
Opera versions seems to look ok,

Other than vert scrollbar effects and radio button colors are changing for each browsers, I cant seem to see the mentioned problems; or maybe its already fixed? (please elaborate)

Looks the same for me in all browsers, minor positional difference and the odd extra horiz scroll bar but no gaps anywhere.

The point being;
Who is going to notice the minute differences?
How many people do you know (other than web designers) that have two (or more) browsers and compare the same site in them.
And how many web designers (well the ones who care about these things) would look and not know why there were minor differences.

Don't stress about these things. There is absolutely no chance at all that any page will look exactly the same in all browsers. Just as long as it isn't completely messed up in any browser that is in common use it will be fine.

Sorry guys, branning's suggestion about line-height fixed it, I just hadn't gotten around to replying yet.