prova a mettere questo
codice:body { margin: 0; }
prova a mettere questo
codice:body { margin: 0; }
La struttura del tuo codice HTML è più o meno così?
codice:<html ... > <header> ... </header> <body> <div class="art-header-center"> ... <div class="div.art-header-jpeg"> ... </div> </div> ... </body> </html>
Te la butto la ma spero di non sparare una cavolata. Prova a togliere position: absolute
Provando il tuo codice mi sono accorto di alcune cose che sono poco accurate.
Comunque, il problema che hai sollevato te dovrebbe sistemarsi togliendo mettendo
background-position: top center;
su
div.art-header-jpeg
L'immagine è impostata come sfondo centrato del div:
per questo se riduci l'altezza si sposta più in alto, se l'aumenti si sposterà più in basso. Imposta come valori del background-position "center top"codice:div.art-header-jpeg { ... background-position: center center; }
edit: ops, ti hanno già risposto