ciao! intanto grazie mille per la risposta, ma non funziona

questo è il codice che ho inserito
codice:
<p align="center"><style type="text/css"> body{ margin-top: 541px;} div.topbanner { top: -735px; left: -455px; height: 541px; position: absolute; } </style>    <div id="nuovo_fulcro"><div class="topbanner"></div></div></p>  nuovo_fulcro{    position: relative;    width: 435px; }
questo è il codice originale

codice:
<p align="center"><style type="text/css"> body{ margin-top: 541px;} div.topbanner { top: 0; left: auto; margin-left: -440px; height: 541px; position: absolute; } </style> <div class="topbanner"></div></p>
ho provato a fare come hai detto tu ma non viene visualizzata l'immagine, ovvero al posto dei quella non viene niente, solo lo sfondo.

Non so bene il ruolo dell'immagine di sfondo, ma visto da 16:9 le righe rosse rimangono appiccicate a sinistra...non è che per caso volevi mettere la posizione dell'immagine di sfondo a "center" invece di "left" ?
si dovrebbe stare al centro.. in modo che venga nero all'interno e all'esterno rosso


per quanto riguarda l'immagine ho capito cosa devo fare e non penso sia difficile.
ma una volta ritagliata in pezzetti quali sono i codici da utilizzare nel css.
grazie