Z-index sur area

Bonjour à tous,

suite à une série de tests j'ai l'impression que le z-index ne fonctionne pas sur les balises areas des map-images.

Voici mon test:

Pièce jointe 143505

Nous avons donc ici 3 areas: la verte, la bleue et la rouge. Lorsque vous cliquez sur une zone de couleur, celle-ci apparait dans un message.
La zone verte possède la même taille que la map. Je lui affecte donc un z-index plus faible que les autres zones. Cependant ça ne fonctionne pas.

J'arrive tout de même au résultat escompté par l'ordre d'insertion de mes balises html mais impossible en utilisant le z-index.

Voici mon code de test:
http://codepen.io/anon/pen/dajwv

Dès que je change l'ordre d'insertion de mes balises areas ça ne fonctionne plus.
Qu'en pensez-vous ? D'avance merci de votre aide. :)

z-index ne s'applique qu'aux éléments visibles.

L'appliquer à un <area> a autant de sens que l'appliquer à un <script>. Ce n'est pas un élément visible, juste une définition du comportement de ce qui se passe en certaines occasions, ici, quand on clique sur l'élément visible <img>.

Ah ok merci ! ^^
Tout va bien donc. :D

Merci de votre aide.