css - パディングと行の高さがMac/PCブラウザ間で一貫していない

Question

このページのいくつかの要素、具体的にはページタイトル（Charles A Dana Center）と「AcademicYouth Development」ヘッダーで、行の高さ/パディングにかなり劇的な違いが見られます。MacのSafari/FFでは、テキストは行の一番上に向かって圧縮されます。PCのすべてのブラウザで、垂直方向にほぼ等間隔に表示されます。

それが重要な場合は、css-resetとModernizrを実行しています。

これは、サイトヘッダーのcssです。

.site-title h1 {
    font-size:2.5em;  
    margin:.1em 0em 0em;
    text-transform: none;  
}
.site-title a {
    display:inline-block;
    text-decoration: none;
    color:#0363a8;
    text-shadow:1px 1px 1px #82B2D9;
    line-height:1em;
    border: none;   
}

そして、これは青い背景のページタイトルのCSSです：

.parent-title {
    font-size:2em;
    color: #0D72BA;
    font-family: 'Bree Serif',Georgia,'Times New Roman',serif;
    font-weight:400;
    border: none;
    background-color:#D8E1F1;
    border-radius:8px;
    display:block;
    padding:.2em .5em .2em;
    margin-bottom:.72em;
    line-height:1em;
}

どうもありがとうございました！