Sovrapporre logo ad immagine header

[Gabryk]

Ciao a tutti, chiedo consiglio per questo sito www.giochicorsari.it
Vorrei sovrapporre una immagine statica (il logo) al modulo immagine casuale che ora è messo come header. L'avevo fatto una volta ma ora lo stesso metodo non funziona, o sono io che sbaglio qualcosa.

Questa è la porzione interessata nell'index.php

Codice: [Seleziona]

<div class="art-header">
<div class="art-logo">
 <h1 id="name-text" class="art-logo-name"></h1>
 <div id="slogan-text" class="art-logo-text"></div>
</div>
    <div class="art-header-jpeg"><jdoc:include type="modules" name="header" style="xhtml" /></div>

</div>
E questa quella del css

Codice: [Seleziona]

/* begin Header */
div.art-header
{
  margin: 0 auto;
  position: relative;
  z-index: 0;
  width: 874px;
  height: 225px;
  overflow: hidden;
}


div.art-header-jpeg
{
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 874px;
  height: 225px;
  background-image: url('../images/header.jpg');
  background-repeat: no-repeat;
  background-position: center center;
}

/* end Header */

/* begin Logo */
.art-logo
{
  display: block;
  position: absolute;
  left: 10px;
  top: 10px;
  width: 844px;
}

h1.art-logo-name
{
  display: block;
  text-align: left;
}

h1.art-logo-name, h1.art-logo-name a, h1.art-logo-name a:link, h1.art-logo-name a:visited, h1.art-logo-name a:hover
{
  font-size: 26px;
  text-decoration: none;
  padding: 0;
  margin: 0;
  color: #C4C4C4 !important;
}

.art-logo-text
{
  display: block;
  text-align: left;
}

.art-logo-text, .art-logo-text a
{
  font-weight: normal;
  font-size: 18px;
  padding: 0;
  margin: 0;
  color: #EBEBEB !important;
}
/* end Logo */
Qualche consiglio? Grazie

[tonicopi]

Nel frattempo vedi che hai risolto con z-index   

[Gabryk]

Si infatti, ma il mio problema era molto più "cerebrale"... avevo lasciato l'immagine nella cartella del vecchio template