Dal titolo si prevede subito quale possa essere il problema? Allora ve lo spiego!!!

Dunque, ho un sito (in locale...) sviluppato in PHP. Ho voluto realizzare un layout così strutturato:

codice:
<div id=template> ==> creo un box larga 760px centrato

  <div id=testata> ==> creo un "layer" superiore al template,
  <img ...>            contenente solo un'immagine di sfondo
  </div>               (il prolungamento di tale sfondo è
                        ottenuto dal background del template)

  <div id=menu>> ==> altro layer con posizionamento ABSOLUTE,
  $menu;             di altezza e larghezza fissa contenente
  </div>             il menu

  <div id=panel> ==> il cuore della pagina, di larghezza
  $corpo;            fissa e di altezza ovviamente VARIABILE
  </div>

</div>
Il problema è che lo sfondo del template non si prolunga oltre una certa altezza (quale?... mistero...)
Vi pongo qui di seguito il CSS:



codice:
div#template {							   position:relative;
   width: 760px;
   margin: 0 auto;
   height: 100% auto;
   text-align: left;
   background: url('/img/bg.gif') repeat-y;
   }

div#testata {
   position: absolute;
   z-index: 2;
   top: 0px;
   }

div#menu {
   position: relative;
   z-index: 3;
   top: 156px;
   left: 4px;
   border: 1px 1px 1px 1px white;
   background: transparent;
   width: 100px;
   height: 306px;
   }

div#panel {
   position: relative;
   z-index: 4;
   top: 177px;
   left: 145px;
   width: 445px;
   height: 100%;
   }

Addirittura, agli id menu, testata e panel avevo aggiunto:

codice:
div#panel > div#template
da qualche parte avevo visto tale modifica...

:master: Spero possiate illuminarmi!!!



Grazie a tutti voi per l'aiuto!!!