CSS Help

I'm needing a little help with my CSS code. This is a very strange problem. Here is a link to the page: http://www.noenemies.com/v2/header.html

The CSS code:
http://www.noenemies.com/v2/main.css

For some reason, the footer (copyright information) is displayed to the side. I've tested this in IE and Firefox, and for some reason, this always happens. I've tried putting it into a table, but nothing seems to work!

Any ideas? I would like a well-placed footer.... :)

at a guess, try ID="footer" instead of class="div.footer" (I haven't tested it).

That produces this:
http://www.noenemies.com/v2/header.html

It has a large black box in front of everything.

Any other ideas?

fixed it now!