Why are my posts over lapping?

You have two <div id="content"> blocks on your page. One for each post, apparently. There should only be one such block enclosing all posts on the page.

I changed “id” to “class”

but the problem was not resolved …

what might I be able to do to fix this?

Edit style.css and change:

.content {
    left: 10px;
    padding: 10px 0;
    position: absolute;
    top: 250px;
}

to:

.content {
    left: 10px;
    padding: 10px 0;
    position: relative;
    top: -215px;
}

it worked ??
I did the same thing for my offline wordpress.
But my footer is overlapped,
instead of positioned at the bottom like the testing theme you just helped me on.

take another look at my site if you can,
to see the problem.

Try adding a clear:both; to your footer.

I have that under footer on my style sheet but it seems to still float on top of my content.