Weird margin at top?

[d3vkit]

I recently had a friend pass along some web work for me; a simple update. I for some reason decided I would do some overhauling of the page (he had been doing straight html and I figured some php would make things MUCH more manageable, especially with the pictures).
So, I set to work doing what I normally do for all my site, create the index page with a switch to stick different content in the main part of the page depending on variables passed by get. Weird thing is, somehow I've messed up the top of the page - the image isn't flush with the top like it was before.

Here's what the top should look like: error page (I basically am using this page untouched, didn't do the whole replace w/php thing, and it seems fine).

Here's when it goes wrong: about page.

Weirdest part is, no matter what values I change through Firebug, it never changes. AND there is some sort of SPACE in Firebug? Just WHITE SPACE? Never seen this.

The main page also seems untouched, which is also set with the switch, so I don't think it's the switch or my php that's doing it... but it is weird. Something with the top navigation... but it's identical to what was in place before, and what is on the main page.

Any help greatly appreciated, I'm tearing my hair out here.
Thanks!

Oh, and I know the css is sorta a mess, but it DOES validate, apparently. (I didn't write it, but I'll be reworking it tomorrow).

[Atli]

Hi.

There is a weird character in front of the #topbanne r div.
If you turn the background of #layout white, you can see it as text in the browser ().

Try removing the #topbanner div completely, and then re-writing it back into the HTML. (Don't just copy/paste).

[Dormilich]

Firebug shows an offset of 24px on #topbanner (that strange character could be the reason)

[drhowarddrfine]

There is a weird character in front of the #topbanne r div.
If you turn the background of #layout white, you can see it as text in the browser ().

Byte-Order-Mark (BOM) left in by editor.

[d3vkit]

That's really weird; I couldn't see any weird characters there no matter how I tried. But, I decided to try just remaking each php file and then rewriting the code that seemed to be messed up (topbanner and navigation both) and then copy and pasting the proper stuff from the file I needed. It worked! The weird top-margin is gone, and the site looks like it did before. Thanks a lot you guys, you gave me the great idea of rewriting the files (and it wasn't even that tedious).