Tutoriel MAP CSS

Bonjour à tous,

Je bosse actuellement sur le développement d'une boutique avec PrestaShop (excellente solution au demeurant) et j'aimerai utiliser la fonction HTML MAP pour mon footer.

J'ai trouvé cette actu sur le site: http://www.alsacreations.com/actu/lire/95-des-image-maps-en-css.html mais pas le tuto qui en découlait.

Pouvez-vous m'aider à le trouver?

Les coordonnées des images que j'aimerais inclure sont:

<img name="footer_center" src="footer_center.jpg" width="930" height="310" border="0" id="footer_center" usemap="#m_footer_center" alt="" /><map name="m_footer_center" id="m_footer_center">
<area shape="rect" coords="751,53,865,80" href="http://www.twitter.com" target="_blank" title="Twitter" alt="Twitter" />
<area shape="rect" coords="751,26,865,54" href="http://www.facebook.com" target="_blank" title="Facebook" alt="Facebook" />

Et mon code CSS de la zone concernée est:

#footer {
 	background: transparent url('../img/bg_footer.jpg') repeat-x; width: 100%;
	border-top: 1px solid #d0d3d8;
	clear: both;
	line-height:1.2em;
	text-align:center;
}

#footer ul{
width:930px;
margin: 0 auto;
}

D'avance merci,

Julien