css - How do I center a div inside a background image across browsers? -

so this website has content inside background image has square in not centered. in firefox big, , in chrome far left, , way center pressing ctrl+ (which makes browser window smaller), , still not centered. have fix this? thanks.

you need centre background image:

body {     background: #000000 url(images/waves.jpg) center top repeat-x; }