[CSS]<map></map> i css - opacity, Czy da się nadać atrybuty css obiektowi map ? Opcje

[pafeu]

witam
Mam taki kod.
Jak najadę kursorem na image2 to wtedy jest opacity:0.1 a powinno być opacity:1.
Wygląda to tak jakby obiekt <map></map> przysłaniał image.
Użyłem z-index do obiektu <map></map> ale nie działa.
Jak rozwiązać ten problem?
Przykład tego problemu jest na stronie oświetlenie led - mapa polski po prawej stronie.
Ustawiając kursor odrobinkę za granicami Polski wskazujemy na image2 i opacity jest ok, a jak wskażemy na województwa (<map></map>) to opacity się zmienia na 0.1 a powinno zostać 1.

[CSS] pobierz, plaintext 
	    #mapa img {
			opacity: 0.8;
 
	    }
	    #mapa:hover img {
			opacity: 0.1;
 
	    }
	    #mapa:hover img:hover {
			opacity: 1; 
	    }
 
[CSS] pobierz, plaintext 

[HTML] pobierz, plaintext 
<div id="mapa">
<img src="image1.png" />
<img src="image2.png"  usemap="#map" />
<map  name="map" >
<area shape="poly" coords="149,56,150,54,"/>
</map>
</div>
[HTML] pobierz, plaintext