Ciao a tutti.
Non capisco dove sbaglio: voglio utilizzare un'immagine come link, ma non riesco a farlo. Non so se sia a causa degli z-index che ho inserito, ma non va . Posto il codice qui sotto, se qualche anima pia ha voglia di leggerlo e vedere se trova l'errore avrà la mia riconoscenza eterna... cosa piuttosto inutile per comprarsi la macchina nuova o per rubare il cuore alla propria vicina di casa, me ne rendo conto, ma è tutto quello che ho.

codice:
<style type="text/css">
	#main{ position: relative;
			   margin: 0;}
	#info { position: absolute;
				margin-left: 900px;
				margin-top: 0px;}
	#foglie { position: absolute;
			  z-index: 5;}
	#centro { position: absolute;
			  z-index: 6;}
	img:hover { opacity: 0;}
        </style>
        </head>
                <div id="main">
                <div id="info">
            	[img]img/menu_home.png[/img]
            	<map name="info">
            	<area shape="rect" coords=" 6, 8, 69, 35" href="html/chi_sono.html">
            	<area shape="rect" coords=" 80, 8, 155, 35" href="html/mission.html">
            	<area shape="rect" coords=" 165, 8, 270, 35" href="html/ringraziamenti.html">
            	<area shape="rect" coords=" 280, 8, 340, 35" href="html/contatti.html">
            	</map>
            	</div>
            	<div id="centro">
            	[img]img/home/centro.png[/img]
            	</div>
            	
            	<div id="foglie">
            	 [img]img/home/top_sx.jpg[/img] 
            	[img]img/home/top_dx.jpg[/img]
            	

            	[img]img/home/down_sx.jpg[/img]
            	[img]img/home/down_dx.jpg[/img]
            	</div>
            	</div>
                </body>

</html>