Rollover con un'immagine & CSS

[Elena7]

Ciao a tutti!

ho bisogno di un po' d'aiuto.
Sto cercando di fare una pagina con i rollover e i css.

vorrei arrivare a fare questo.
vedi figura1 e figura 2 allegata.

Quando il mouse passa sulla lettera c (e lo stesso poi con le altre lettere) appare tutta la scritta 'ciao'.

Ho proavato a fare un rollover cosi:

<script language="JavaScript">
<!--
function cambia(ImageName,ImageFile){
ImageName.src = ImageFile;
}
// -->
</script>

[img]ciao.gif[/img]

e il rollover di per se' funziona.

Non so pero' come metterci un'immagine di sfondo (nella figura 1 ho messo un rettangolo nero, per esempio, quella sara' sostituita da una foto)

dovrei usare i css probabilmente ma non so esattamente come.
vorrei che l'immaigne fosse al centro dello schermo.

come posso fare?????

grazie anticipatamente per l'aiuto"

elena7