Texto se ve mal en Safari

[alvarols]

Este texto se ve como cortado en Safari. En todos los demás navegadores se ve bien, y el texto se arregla al subrayar dicho texto:





HTML:

Código HTML:

<p class="title">CONTACTO</p>
                <p class="c1 blanco"><span><img src="<?php bloginfo('template_directory'); ?>/images/con1.png" width="25" height="25"></span><span class="con1">Dirección: Zapopan . Jalisco . México</span></p>
                <p class="c2 blanco"><span><img src="<?php bloginfo('template_directory'); ?>/images/con2.png" width="25" height="25"></span><span class="con2">Tel: [phone] </span></p>
                <p class="cmar blanco">Ext. 101 & 102</p>
                <p class="c3 blanco"><span><img src="<?php bloginfo('template_directory'); ?>/images/con3.png" width="25" height="25"></span><span class="con3">E-mail: <a href="mailto:[email protected]">[email protected]</a></span></p>
 

CSS:

Código CSS:

.c1 span, .c2 span, .c3 span{
    padding-right:10px;
    margin:0px;
 
}
.con1, .con2, .con3{
    position:relative;
    top:-7px;
}
.cmar{
    padding:0px 0px 0px 82px;
    margin:0px !important;
    position:relative;
    top:-20px;
}