Ciao a tutti

sto cercando di fare sovrapporre perfettamente due rettangoli delle stesse dimensioni in modo tale da poter scrivere un testo sopra ad un' immagine trasparente.

in pratica due rettangoli ( uno indicato con il bordo rosso e l'altro con il bordo nero) dovrebbero sovrapporsi perfettamente visto che hanno le stesse dimensioni, ma in realta' uno viene messo sotto all'altro)

il link e' http://www.mariateresaviaroli.it/terry1.html

cosa c'e' di sbagliato in questo codice?

ho provato anche con gli z-index dando il valore maggiore al #testo, ma non e' cambiato nulla...

grazie in anticipo per l'aiuto
elena7