BleepingComputer.com: CSS IE and FF differences

OK, I am having a touch of troble. My website looks fine in IE8 (What I designed it in), and when I give it to my friend in FF, it breaks. You can test it here. I don't know what the deal is. I ask these things...

1) Test in it your browser.
2) Take a screenshot
3) Post it here so I can see what the problem may be.

If it helps, here is my CSS along with the HTML and images: http://dl.dropbox.com/u/9942053/website.zip


Thanks, guys! Please help me out! I need my website to be cross-platform.

The secret (in most cases) to cross-browser compatibility is to make sure you are actually writing valid HMTL. You have no doctyped description, so the browser has to guess how it is supposed to parse the web page. Here is a validator to get you started.

In CSS, there is no 'center' attribute for float. The only valid attributes are left, right, inherited, and none.

In summary, you do not have valid code. You can't expect the browser to guess what you want; you have to tell it, and you have to use correct HTML. Fix it, and everything should be fine.

Quote

You mean you need it to be cross-browser compatible. A web page doesn't know if it is running on a Linux system or a Windows system (which is the platform).

Thank you for the reply.

I don't know how to set up a doctype. w3schools doesn't really go into that all that much (It has one page, but doesn't describe it very well), which is where I learned HTML.

Are there any other places where I used invalid code?

And yes, I meant cross-browser compatibility. As you may have figured out by the website, I'm a programmer, not a web-designer. I'm used to saying cross-browser.

If you right-click on this page and select 'view source', you can see at the top of the source code what a doc-type declaration is supposed to look like. I can't comment on any other possible errors because your page is taking forever to load.