Firefox Block Overflow Issue

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!

1 Attachment

View Replies:
cannonf700 replied on at Permalink Reply
try adding:

overflow: hidden;

to the .css class or div that's causing the problems.
tallacman replied on at Permalink Reply
or you might try:

overflow: scroll;

depending on what you want it to do.

tallacman replied on at Permalink Reply
Also, Im a big fan of CSSEdit from:
MatthewMaldonado replied on at Permalink Reply
Sadly, neither of these fixes are working in any configuration. =(
Mnkras replied on at Permalink Reply
can you show us a live site with the bug