Half of my site is centered, other half not centered

[deronsizemore]

http://www.deronsizemore.com/test/index.html

Well as you can see from the link, the #secondary section is not centered. I've used the same (or from what I can see, the same) CSS values/attributes for the #secondary section as I used for the top section. What am I leaving out that's causing it to be left aligned?

Also, if someone has a better way to duplicate what I've got for the secondary section, I'm all ears. You can see I've added #secondarybg for the green gradient background image, but I'd just assume not to have that extrat #secondarybg div in there if there is a way around it? I started out putting the background image in the #secondary div, but since it is not 100% width, it was making the green gradient also not 100% width, so I'm looking for a bettery more efficient way to go about that...maybe I've got it?

Thanks

[Paul O'B]

HI,

You need a width in order to center when using margin:auto;

#secondary {
margin: 45px auto 20px auto;
text-align: left;
padding: 0;
width:760px
}

If you want a 100% width for the background image then you will need the extra div so that you have the 100% to play with.

[deronsizemore]

Ah, thank you Paul. I didn't realize that you needed the width in there. I always overlook the easy stuff.