mi aiutate ad inserire il testo?

[AntoIron]

Quest'ultimo credo si ancora molto complicato per il mio livello. Adesso devo concentrarmi sulle posizioni absolute e sulla funzione z-index...adesso viene il bello!

[AntoIron]

Purtroppo non riesco a muovermi di un passo! Il problema è che i testi di ogni slide si sovrappongono e al click sui vari collegamenti succedono imprevisti...

Il sito è questo: http://monacofisioterapista.altervista.org

Di seguito i codici html e css:

<div class="carosellointro"><div id="image-slider">
  <div id="navigation">
    <a href="#slide1">Mal di Schiena</a>
    <a href="#slide2">Ernia del Disco</a>
    <a href="#slide3">Riabilitazione Posturale</a>
    <a href="#slide4">Riabilitazione Funzionale</a>
    <a href="#slide5">...altro</a>
  </div>
  <div id="slide-frame">
    <img src="immagini/Schiena.jpg" alt="" />
    <div id="slides">
    <p id="slide1">Mal di schiena mal di schiena mal di schiena</p>
      <img id="slide1" src="immagini/Schiena.jpg" alt="" />
      <p id="slide2">ernia ernia ernai</p>
      <img id="slide2" src="immagini/Ernia.jpg" alt="" />
      <p id="slide3">postura postura postura</p>
      <img id="slide3" src="immagini/Posturale.jpg" alt="" />
      <p id="slide4">funzione funzione funzione</p>
      <img id="slide4" src="immagini/Funzionale.jpg" alt="" />
      <p id="slide5">altro altro altro</p>
      <img id="slide5" src="immagini/Altro.jpg" alt="" />
    </div>
  </div>
</div>
</div>

/*carosello intro vetrina*/.carosellointro {
    height: 679px;
    width: 1451px;
    margin-top: 5px;
    background-color: #fff;
}


#image-slider {
    width: 1451px;
    height: 679px;
    z-index: 5;
    position: relative;
}


#slide-frame {
    height: 679px;
    overflow: hidden;
}


#slides {
  height: 679px;
}


#slides img {
    /* [disabled]position: absolute; */
}


#slide-frame p {
    z-index: 6;
    position: absolute;
    text-align: center;
    color: #000;
    top: 90px;
    right: 0px;
    bottom: 0px;
    left: 726px;
    width: 724px;
    height: 575px;
}


#navigation {
    text-align: right;
    z-index: 7;
    position: absolute;
    top: 24px;
    right: 0px;
    bottom: 600px;
    left: 0px;
    background-color: #CCC;
    opacity: .8;
}


#navigation a {
    display: inline;
    line-height: 56px;
    margin-top: 0px;
    margin-right: 25px;
    margin-bottom: 10px;
    margin-left: 5px;
    text-decoration: none;
}


#navigation a:link { color: #069; }
         a:active { color: #fff; }
         a:visited { color: #999 }


#navigation a:hover {color: #fff;}

[AntoIron]

Bhè, le visite al mio thread sono tante...ma possibile che nessuno riesca a darmi una mano? Vabbè, nel frattempo intraprendo la strada più semplice: inserirò il testo nell'immagine tramite Photoshop.
Grazie 100 a tutti! Poi vi posto l'effetto finale...