html - Firefox と Chrome の間の CSS パディングの問題を修正するにはどうすればよいですか?

Question

何時間もこれにいました。

私はこの優れた UI ツールキット ( http://getuikit.com ) を使用してきましたが、これまでのところ素晴らしいものです。

問題は、Chrome と Firefox の間で結果のスタイルを設定することです。パディングを設定すると、Chrome でこの結果が得られ ます: http://i.imgur.com/dmV13Xw.png分野。

しかし、Firefox では次のようになります: http://imgur.com/hZRyakg

本格的に始めたばかりなので、早い段階でこのような扱いにくさに出くわすのはもどかしいです！

結果ビットの HTML マークアップは次のとおりです。

<div class="results-sec`enter code here`tion">
<div id="results-container" class="uk-container uk-container-center uk-width-1-2">
    <div class="result">
        <a class="result_title" href="#">Bhutan travel advice</a>
        <div class="result-url">https://www.gov.uk/foreign-travel-advice/bhutan</div>
        <p class="result-summary">Latest travel advice for Bhutan including safety and security, entry requirements, travel warnings and health.</p>
    </div>
</div>

そして、私がそれに適用しているCSS：

    #results-container {
      margin-top: 9px;
      margin-bottom: 6px;
      padding-left: 40px;
      padding-right: 160px;
}

SOなどの周りから大量のスニペットを挿入しようとしましたが、何も機能していないようです。CSS リセットの一見無限のバリエーションも試しましたが、使用する UI キットはとにかく normalise.css を統合します。

些細な量の HTML/CSS のように見えるので、面倒です。

これは moz/webkit の CSS プロパティに関係していると推測していますが、どこからこの問題を修正すればよいのかわかりません。