fallback rgbs per explorer

[dropper]

buongiorno, ho rmodificato una mappa d'italia interattiva, in css con effetto hover al passaggio del mouse, partendo da una singola immagine in png, con sfondo trasparente. il mio unico problema è che in chrome funziona tutto a perfezione, mentre in explorer i colori risutano sbiaditi. ho letto che l'RGBa non viene supportato da explorer e che di solito si mette un codice di fallback per risolvere il problema. ma il colore resta sempre lo stesso. se qualche anima gentile potesse dire come fare, oltre a boicottare explorer, le sarei molto grato!!! io purtroppo non sono troppo esperto. metto la parte del codice css relativo al background.

/* default tooltip */
.css-map li a,.css-map li a:hover,#map-tooltip{
  background: #111;
  background: rgb(0,0,0,.8);


  color: #eee;
  font: normal 13px 'Lucida Grande',Arial,sans-serif;
  padding: .5em 1.2em;
  text-align: center;
  text-shadow: 0 1px 0 #000;
  white-space: nowrap;
  -moz-border-radius: .6em;
  -ms-border-radius: .6em;
  -o-border-radius: .6em;
  -webkit-border-radius: .6em;
  border-radius: .6em;
 }
 .m560 .css-map li a,.m435 .css-map li a{ font-size: 11px }
 .m290 .css-map li a{ font-size: 10px }


 /* tooltip arrow; when you change its size don't forget to set tooltipArrowHeight variable in the cssMap(); function */
 .css-map li a .tooltip-arrow{
  bottom: -5px; /* must be the same as a border-width */
  border: solid;
  border-color: #111 transparent;
  border-color: rgba(0,0,0,.8) transparent;
  border-width: 5px 5px 0 5px; /* this's a height of the arrow */
  margin-left: -5px; /* must be the same as a border-width */
 }
 .css-map li a.tooltip-right .tooltip-arrow{
   margin-right: -5px; /* must be the same as a tooltip-arrow border-width */
  }
 .css-map li a.tooltip-top .tooltip-arrow{ /* set tooltip under the arrow */
   border-width:0 5px 5px 5px;
   top: -5px;
  }


 /* tooltip style when the region is activated */
 .css-map .active-region a{background-color: #111}
  .css-map .active-region a .tooltip-arrow{border-color: #111 transparent}


 /* links in the visible list of regions */
 .map-visible-list a{
   /* color: #eee; */
  }
 .map-visible-list a:hover,.map-visible-list a:focus,.map-visible-list li.focus a{
   /* color: #fc0; */
  }
 .map-visible-list a:active,.map-visible-list li.active-region a{
   /* color: #cc3; */
  }




/* default pre-loader */
.map-loader{
  background: #111;
  background: rgba(0,0,0,.8);
  color: #eee;
  font: normal 14px 'Lucida Grande',Arial,sans-serif;
  padding: .6em 1.2em;
  text-shadow: 0 1px 0 #000;
  -moz-border-radius: .6em;
  -ms-border-radius: .6em;
  -o-border-radius: .6em;
  -webkit-border-radius: .6em;
  border-radius: .6em;
 }
 .m435 .map-loader{ font-size: 12px }
 .m290 .map-loader{ font-size: 11px }


/* link to the search engine - shown in the multipleClick mode */
.map-search-link{
  /* your properties goes here */
 }
 .map-search-link:hover,a.map-search-link:focus{
   /* selected link style */
  }
 .m430 .map-search-link,.m320 .map-search-link{
   /* style for a specific map size, ex.:
   font-size: 1em;
   */

[ac_socmel]

non capisco il rapporto tra immagine.png e colori rgba
spiega meglio e mostra un link

[dropper]

io ho tirato giu file css, immagine in png e file html con un programma per scaricare i siti, da questo indirizzo.
http://www.the-travel-italy-grapevine.com/Map/map.html
se guardi il file png a cui è associato (scaricando l'url che ti ho messo lo vedi) vedrai che su fondo trasparente c'e la mappa italia colorata di grigio, piu le varie regioni, disegnata una ad una in arancione, che vengono selezionate quando vado in hover sulla mappa grigia. ma con explorer mi da troppi problemi, in alcune versioni funziona la mappa ma non l'hover, in altre non mi combaciano i colori. chrome e firefox non hanno problemi.

[ac_socmel]

prova a chiedere a chi l'ha fatta
http://winstonwolf.pl/clickable-maps/europe.html