Ciao a tutti.

Vorrei fare un css con un mondo in rollover.
Una descrizione di quello che mi piacerebbe la si può trovare su http://www.noobcube.com/tutorials/ht...-guide-/#step1 ma mi sono accorto di essere proprio negato per cui chiedo aiuto.

Il file immagine del mondo vorrei che fosse il seguente:
http://www.boeingtravel.it/prezzofin...gini/world.jpg

Poi mi piacerebbe suddividerlo in un 11 files: Nord America, Centro America, Caraibi, Sud America, Africa, Europa, Asia, Oceania, Oceano Indiano, Artico e Antartide.

Mi piacerebbe che al passaggio del mouse sopra a queste sezioni queste si sbiadiscano come ai seguenti link:
http://www.boeingtravel.it/prezzofin...ordamerica.jpg
http://www.boeingtravel.it/prezzofin...troamerica.jpg
http://www.boeingtravel.it/prezzofin...ni/caraibi.jpg
http://www.boeingtravel.it/prezzofin...sudamerica.jpg
http://www.boeingtravel.it/prezzofin...ini/africa.jpg
http://www.boeingtravel.it/prezzofin...ini/europa.jpg
http://www.boeingtravel.it/prezzofin...agini/asia.jpg
http://www.boeingtravel.it/prezzofin...ni/oceania.jpg
http://www.boeingtravel.it/prezzofin...anoindiano.jpg
http://www.boeingtravel.it/prezzofin...ini/artico.jpg
http://www.boeingtravel.it/prezzofin.../antartide.jpg

Ora si tratta di costruirne il css ma con i posizionamenti e le dimensioni sono proprio negato.

Qualcuno mi saprebbe aiutare?