Ripetere un DIV in un'unica pagina

[Ines_88]

Sto facendo questo sito, dotato di un'unica pagina dove i contenuti sono visualizzati tramite uno script js che li fa apparire/scomparire uno per volta, tramite la selezione dal menù.

Ora, una volta visualizzato un div, appare anche il tasto BACK che si occupa proprio di far scomparire il div selezionato e far ricomparire il menù. Ne ho creato uno e ho tentato di ripeterlo richiamandolo in ogni div/sezione, ma compare solo nel primo e non negli altri 3: è un problema di logica? devo creare 4 pulsanti BACK diversi per ogni sezione?

qua sotto parte del codice html e css:

<div id="about">
  [img]images/bio.jpg[/img]
   

   <div id="text">bla bla bla bla bla</div>

   <div id="back">
    <ul>[*]back[/list]
   </div>
 </div>

<div id="gallery">
  [img]images/1.gif[/img]
  

  [img]images/2.gif[/img]
  

  [img]images/3.gif[/img]
  

  [img]images/4.gif[/img]
  

  
   <div id="back">
    <ul>[*]back[/list]
   </div>
 </div>

#back {
   position: fixed;
   display: none;
   top: 85%;
   left: 50%;
   margin-left: -52px;
   font-size: 100%;
}

#back ul li{
   display: block;
   float: center;
}

#back ul li a{
   color: #ffffff;
   background: #927385;
   padding: 3px;
}

#back ul li a:hover{
   font-size: 100%;
}

Qualcuno potrebbe far notare che potrei usare un semplice link, invece di un div vero e proprio per la funzione back, e probabilmente così farò... ma la domanda la faccio lo stesso, credo che potrebbe tornarmi comunque utile

[ESSE-EFFE]

Originariamente inviato da Ines_88 <div id="back">

Penso che il problema sia che tutti i div "back" hanno lo stesso ID, il che è già sbagliato di per sè ed inoltre non ti permette di gestire la pagina come fai ora. Usa ID diversi, oppure selezionali mediante una classe (che può essere uguale).

HTH,

[Ines_88]

Giusto, ID diversi! Come ho fatto a non pensarci!

Grazie mille!
Ines