[WordPress] Problema CSS con diversi browser

[antoni9]

Salve a tutti, ho un problema con un CSS di un plug di wordpress. In pratica su Chrome non ho problemi di visualizzazione, mentre su Firefox o Safari ed alcune volte da mobile manca un icona... allego esempi:

il codice CSS è questo: http://www.smartredfox.com/wp-content/plugins/MapListPro/css/MapListProCore.css

 

[Max 1]

Ti sposto in wordpress.
Comunque ti consiglio di esporre meglio il problema e postare il link alla pagina per capire meglio, l'immagine che hai messo non dice nulla sul problema

 

[antoni9]

il link è questo (non volevo postarlo per paura di violare qualche regola). Il problema risiede nell'icona della mappa accanto la località, con Chrome nessun problema mentre con altri browser non appare. Ho dato uno sguardo al css in questione ma senza venirne a capo

 

[criric]

in realtà le immagini appaiono con un bordo grigio. aggiungi img {border:none;} al css
edit
vedo ora che si sono due immagini sovrapposte, un img e una in background

 

[antoni9]

ho corretto così

/*Set icons*/
.prettyMapList .map:after{background:transparent url(../images/icons/silk_icons/map.png) no-repeat 0 0;}

/*Use featured image*/
.prettyMapList .featuredImage{
border-radius:5px;
border:none;
display:block;
float:left;
margin-right:10px;
/*Inset drop-shadow*/
-webkit-box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
}

ma continuo a vedere un icona di immagine mancante