Okay so I use Opera and my friend uses some other browser (I don't remember) but the banner on my site is fine for us...
screenshot:
http://img6.imageshack.us/img6/6186/picture59l.png

but my friends using FireFox got this...
screenshot:
http://img12.imageshack.us/img12/4633/unbenannthmj.png

What should I do? I want to make it the same in EVERY browser!

I've had that problem before, and now I check every sort of browser I can to make sure it comes up okay in each one. Anyway, what sort of coding are you using?

what do you mean? like I'm using CCS and tables

whoops, I meant CSS. CCS is a skateboarding store that I always go to. :P

Could you give us a code example? :)

Firefox probably doesn't like the 'html>body #top' selector you've got on this line:


html>body #top {


Try replacing it with just this:


#top {


I note you have some problems with IE. (Most do - I spend a good amount of time fixing IE bugs.) But instead of using CSS hacks (which is what you appear to use), try using HTML conditional comments. See here: http://www.quirksmode.org/css/condcom.html

Could this be because of the size of your friends screen?
( your friend's screeny looked a little more "streched")

ask your friend to test in on the same browers as you.
:)

Found the problem. I've checked your source code and:

html>body #top {
height: 70px; /* ie5win fudge ends */
}

corresponds to your banner, its currently set at height of 70px when your banner image is 100px in height...therefore its obvious the banner and the middle content box will currently overlap, as your not reserving the total 100px of space height at the top for the banner. Change the above CSS code in your main site file to:

html>body #top {
height: 100px; /* ie5win fudge ends */
}

I've saved your Web page (by right-clicking and choosing Save Page As...) and doing this modification and tested it in both Opera and FireFox and it works fine :). Hope you understand.