Having a hard time finding a way to do this
Site is a fixed width centered with margin: 0 auto;. Now when the browser is large enough to display the full site width, the site is centered. If the browser is (resized) smaller than the site width, the left margin (auto) shrinks until gone, but the site content stays fixed at the upper left corner.
All's well until I try this: There's the main content background, but there's also another div with a second BG image based on the site section. I want it overlapping the right side of the main BG image, and fill farther to the right than the main BG - when the browser is big enough.
I can get that all above to work (position: absolute; left: 50%; margin-left: XXpx;) but if the browser width is less than the site container width, the secondary BG image starts to move to the left (based on the left:50%).
Is there a way to have this work?!