Primero, seguramente tengas que resetear margin y padding de html y body, o
todo en general, así:
Cada navegador da un margen a body diferente. Por eso es buena práctica resetear estos valores a cero.
Luego, en vez de dar un ancho en píxeles a la capa (DIV) pues deberías de poner un ancho porcentual de cien por ciento.
Y seguramente puedas prescindir de margin-top: -30px (creo). margin: center, eso no existe. Puedes hacer en todo caso margin: 0 auto; (0 de arriba y abajo, y automático por los laterales, que usualmente se queda centrado).