Salve a tutti sono un nuovo utente, realizzo siti web e blog per passione.
Ho un problema con blogger, una volta creato il template ( utilizzo artisteer 2 ) lo carico su blogger e come al solito funziona benissimo. Ora però ho un problema, ho deciso di dare un tocco grafico diverso al solito header. Il risultato che vorrei è questo: clicca qui mentre a me viene questo: clicca qui ( non spaventatevi è sola una bozza da mostrare ad un amico ).

Questo è l'html ( o almeno penso ) che andrebbe modificato. Ringrazio chiunque mi dia una mano!

/* begin Header */
div.art-Header
{
margin: 0 auto;
position: relative;
z-index:0;
width: 979px;
height: 300px;
}

div.art-Header-png
{
position: absolute;
z-index:-2;
top: 0;
left: 0;
width: 979px;
height: 300px;
background-image: url('http://img832.imageshack.us/img832/9505/heads.png');
background-repeat: no-repeat;
background-position: left top;
}

/* end Header */