Question

I have this as my CSS styling. My #pg_wrap is not centering with the background image when the browser window is resized. The screen shot I have is when you reduce the browser window less than 1344px than the #pg_wrap width (the width doesn’t have to be that, was just a test number).

The screen shot was taken with Firefox, which does it. Chrome does not do this. How do I get the background image to stay put?

Chrome

Firefox

body {     text-align: center;     background-image: url('p_bg_75.jpg');     background-repeat: repeat-y;     background-color: black;     background-attachment:fixed     margin: 0px;     padding: 0px;  } #pg_wrap {     margin-left: auto;     margin-right: auto;     width: 1344px;     height: 1000px;     border: 1px solid white;     text-align: center; } 

Answer 1

The difference is because the browsers handle incorrect css in different ways.

Change

background-attachment:fixed 

to

background-attachment:fixed;