Greetings everyone. I am not a web designer, just a lowly priest trying to figure out CSS. I am designing the site with GoLive and like other threads on this forum, all is well in IE7, but with Firefox, it just doesn't look right. Can anyone help? I'm wanting the context background (white) to flow with the content.

The site is http://episcopalians.info

An example of the problem is http://episcopalians.info/worship.html

Thanks all.....

I don't see the problem, although the page title is "index," and you definitely want to change that.

Do you mean that the left column goes so far down and the the right doesn't?

I figured out part of the problem, I didn't repeat the white background in the content divs. But how can I get the white background on all three columns to stay uniform?

Thanks again.

Well Father, the easiset way for you to accomplish that is to put a white background on that main containing div you're using. At the top of your HTML you have a single <div> that just says "<div align="center">. Give that div an ID, like #container, set it to position: relative, and give it a background: #ffffff.

To center that #container, you need to do two things to accomodate IE 6 and below and browsers like Firefox and Opera.

1 - On the body element, add text-align: center - that's for IE 6
2 - On the #container div, set the width and then set the margins as margin: 0 auto; (top/bottom at 0, and left/right at auto). You'll also need to add 'text-align: left' to get your text back where you want it.

That should do it
Nice site, BTW.

Thank you! But alas, I'm doing something wrong. No change.

I think I got it! A little more tweaking, but the answer came to me as I was staring at the ceiling in bed.

Thanks for the help.

Looks great ! Happy to help