Greetings,

Had a few questions in a couple of minutes here so sorry for bogging down the board. Last question...

On http://www.naplesmarketwatch.com my footer looks different in IE and Firefox. I'm guessing it has to do with my stylesheet but I have no idea at this point. Could someone please help me with this issue? Is it just not clearing correctly? I really don't know at this point.

Thank you so much in advance!

Chris

Validate your html. You have an extra </div> tag.

But even after taking that tag out, my background image doesn't repeat the whole way down. Maybe I'm closing the tags in the wrong order but I don't know how to fix it.

In #container, add overflow:auto;
Still working on IE6 issue.

Take clear:both out of the footer.
Make your side bar div float:left; and your content div float:right;
Still not done.

Added the overflow:auto.

My two problems now are:
1. Background in the container doesn't show up for some reason.
2. The footer in IE goes way too high. Maybe a hint is that it stops right at the bottom of the sidebar?

Now I floated the sidebar right and the content left.

I edited about removing the clear. I noticed you have some 'clear' divs for some reason but I've run out of time.

The reason the footer is where it is now is because the two divs are floated. Floating elements removes them from the normal flow and this is what is allowing the footer to come up. You need to wrap those floated divs or only float the content one so it blocks the footer from coming up.

EDIT: I have to leave for the night.

I really appreciate all of your help! The problem here is that it's a wordpress site so you can't just easily go in and edit the HTML. Instead, there are all of these functions that pull the posts. Somehwere, a function is adding that clear div but I have no idea where.

To me it looks the same in IE7 and Firefox.

Do you still see a problem?