OK, I must be losing my mind. I for the life of me can not figure our whats going on and how to fix it.. I have been scratching my head for hours trying to figure out where I went wrong, so now its time for help.

Here is the site in question (My Fathers site)

http://www.peraultsiding.com/products/

As you can see my text is over lapping the background border. The border should be expanding as text is added, but it's not. I have tried and tried changed everything I could think of and it beginning to drive me NUTS. If anyone could please please help out with this it would be greatly appreciated. I really need to get this site finished and I can't put the rest of these pages till i figure this out.


I have attached my css in case someone wants to check that out also.

Thanks,

You're using margins, which is pushing the areas around the various divs.

(In your case, the margins on the banner and rightPan classes are pushing the curve-3 div).

OK! How would you do about making the correct change on it, as to not throw the rest of the page out of wack?

Well, it depends on what you're saying the "correct change" is. I don't know exactly what that is, but here's what I'd do.

First, because the primary body background image is only 1 X 820. it's going to stop there once your content flows past that. So you'll want to add what's the lowest color on the image to the CSS, so that's the color it'll be once that happens:

body {
background: url("images/mainBg.jpg") repeat-x scroll 0 0 #C0DEF8;
}

Also, since you still appear to want the text to appear on the background, give your mainBody a (white) background color. With a background color added to the main body section, padding and margins shouldn't have that particular effect.

Then add similar stylings to your footer section once everything else is set.