Problème de compatibilité de navigateur entre firefox et chrome

Bonjour tout le monde,

Voila mon soucis, c'est que mon design est top sur firefox,ie,opera mais pas sur safari, ni chrome qui laissent apparaitre le même problème, càd un espacement important entre mes liens de réseaux sociaux.

Voici un apercu plus clair:

Sur firefox,ie,opera, pas de problème

Sur chrome et safari

Après avoir fait plusieurs recherche et souvent trouver les même solution,celle de faire un reset dans le fichier css mais ce ne fonctionne pas,
si quelqu'un a déjà été confronté à ce problème et trouver un solution, je suis preneur :) Merci d'avance

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}