http://www.thegoodlife-style.com/
That when you reduce the page width down to under 1200px the module in the middle of the page (the opt-in box) breaks alignment and pops over to the far left of the screen. Above 1200px it looks fine and below 725px it seems to sit in the right place. Between 725 and 1200 pixels for the window width though it moves and I don't want it to.
here is the view of what it looks like above 1200px:
screen grab
Here it is below 1200px. You will see it pops over to the left:
upload
According to the properties view this is the CSS for that section:
.af-form-wrapper {
background-image: url('http://thegoodlife-style.com/images/opt-in.png');
height: 300px;
width: 957px;
margin: 0px Auto;
but maybe I am missing something. The template is a YouTheme template called YouFitness.
Anyone have any idea what is going on here? What would make it pop over to the left side when the page width decreases to less than 1200px?
