Hello everyone! A pre-emptive thank you to anyone and everyone who reads and responds to my questions! I'm new to CSS, being more of a designer and far, far less of a coder, so forgive any potential glaring errors I may be making. I'm having to learn all this stuff as I go along, with little to no guidance, so any advice you guys might have as far as repairing my lackluster coding will be taken with shy graciousness.

I'm attempting to put together a basic template for a website I am trying to build. I've managed to make it look and operate correctly in IE and Chrome, but in FireFox the content in the editable areas always overflows and pops up in the upper-lefthand corner. I've attached my files so you guys have a better sense of what unspeakable terrors I am making with my code.

Thank you for reading and for any help you guys might provide!