Site & Pictures Look Dull In FF

I'm just wondering why my website and the images look dull in FF compared to IE?

Everything looks exactly the same here in both browsers (using the same monitor). Are you viewing the site on two different monitors?

No I'm using the same monitor, that's very strange.

I also have a larger white gap under the header image in FF and not in IE.

You have an empty table just below the mainWrapper with a height of 12px that IE may be ignoring.

It's an empty table of 10px but I want that there's as that makes the spacing correct like it is in IE. It's the larger white space that's been added for some reason in FF between the header and the empty 10px table.

You have messed up the page organization - you have an empty table, a spacer image, an image map, a line break and another empty table before the header, and #headerWrapper contains the entire rest of the site instead of just the header.

Empty tables and breaks are sometimes handled differently by IE and Firefox.

You can do the same job as the empty tables, spacer and break using margins in your stylesheet, and that will generally be handled the same by different browsers.

A few of those things are used to get the spacing right so should they not be in the header and really be in the stylesheet?

What do you mean #headerWrapper contains the full site? :no:

Presumably as a result of your modifications, the #headerWrapper div is not closed when it should be, so continues open and holds everything following it.

HTML validation shows 174 errors (most of them stemming from a small range of base errors). Fix these and then see what display problems remain.

Thanks for your help.

It's all very confusing :(

A few of the problems seem to mention opening and ending tag mismatch, should it always be <body/> and not </body> like I have it?

An ending tag will always be like </body>, unless it is a self-closing tag like <br />.