同じCSSですが、mozilaとchromeの表示が異なります

-3

私は同じcssプロパティを持っていますが、chromeとmozilaは違って見えます。私はそれらのすべてのイメージがそれらの間に左と同じマージンで浮動することを望みます。ただし、これらの画像の親divの幅は100％です。画像の幅も異なる。私は彼らに全領域を水平に覆いたい。同じCSSですが、mozilaとchromeの表示が異なります

私はなぜこれらのブラウザで異なって見えるのかわかりません。

HTML

<div class="bottomLogoWrapper"> 
<h3>Lor separat existentie</h3> 
    <div class="logoContainer clearFix"> 
    <div class="bottomLogo lfloat"><a><img src="images/fireFax.png"></a></div> 
    <div class="bottomLogo lfloat"><a><img src="images/optus.png"></a></div> 
    <div class="bottomLogo lfloat"><a><img src="images/toyota.png"></a></div> 
    <div class="bottomLogo lfloat"><a><img src="images/theIconic.png"></a></div> 
    <div class="bottomLogo lfloat"><a><img src="images/kogan.png"></a></div>      
</div> 
</div>

CSS

.bottomContent > .bottomLogoWrapper{ 
    width: 100%; 
    padding: 50px 15px; 
    border-bottom: 3px solid #e5e5e5; 
    margin-bottom: 50px; 
} 

.bottomContent > .bottomLogoWrapper h3{ 
    margin:0 auto 50px; 
    color: #3f3f40; 
} 

.bottomContent .logoContainer{ 
    width: 100%; 
    display: inline-block; 
} 

.bottomContent .logoContainer .bottomLogo{ 
    margin: 0 5%; 
} 

.bottomContent .logoContainer .bottomLogo:last-child{ 
    margin: 0px; 
} 

.bottomContent .logoContainer .bottomLogo a{ 
    cursor: pointer; 
} 
.bottomContent .logoContainer .bottomLogo img{ 
    width: 70% 

}

クローム