mappa css fighissima...come si compila correttamente?

[queengab]

Ciao a tutti,

ho trovato questa bellissima image map fatta semplciemento con i css

http://www.cssplay.co.uk/menu/old_master#nogo

Ora vi chiedo lumi...Io vorrei applicare questo principio ad una mappa più grande e con 47 link al posto dei tre di questa.
Vorrei capire la logica dietro in particolare su un punto.

#imap dd {position:absolute; padding:0; margin:0;}
#imap #man {left:10px; top:50px; z-index:20;}
#imap #donkey {left:120px; top:80px; z-index:20;}
#imap #child {left:190px; top:20px; z-index:20;}

#imap a#link_man {display:block; width:58px; height:58px; text-decoration:none; z-index:20;}
#imap a#link_donkey {display:block; width:58px; height:68px; text-decoration:none; z-index:20;}
#imap a#link_child {display:block; width:48px; height:88px; text-decoration:none; z-index:20;}

Lui per trovarsi le zone da linkare si da come parametri left e top....quindi io mi tiro delel guide su illustrator...mi trovo i punti sull'incrocio e dovrei fare no?
Percheè invece non cambacia?

Oltretutto perche in questo caso usa lo z-index quando invece non c'è nulla da sovrapporre?

Grazie
gab

[fcaldera]

Originariamente inviato da queengab
Oltretutto perche in questo caso usa lo z-index quando invece non c'è nulla da sovrapporre?

come faresti altrimenti a posizionare dei link sopra un immagine e assicurarti che questi siano effettivamente in primo piano?

[queengab]

ah! non c'avevo pensato...scusa ma sono poco esperto...

Invece per quanto riguarda il posizionamento che pensi? qual è la logica dietro?
Mi sto scervellando!

Grazie
gab