Firefox display-table-cellに境界線が表示されない - 右下と下端

Question

Firefox display-table-cellが表示されないborder-rightとborder-bottom！

コード：

.slides { 
 
    display: table; 
 
} 
 
.proImgSection, .profileInfo { 
 
    width: 50%; 
 
    display: table-cell; 
 
    vertical-align: middle; 
 
} 
 
.profileInfo { 
 
    border: 1px solid #5d5d5d; 
 
    border-left: 0; 
 
}

<div class="slides"> 
 
    <div class="proImgSection"> 
 
    <img src="img/li-europan_img.jpg"> 
 
    </div> <!-- .proImgSection --> 
 
    <div class="profileInfo"> 
 
    <div class="profileInner"> 
 
     <span class="u_name"><span class="greenTxt">Li Europan </span></span> 
 
     <p>Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules.Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular </p> 
 
    </div> <!-- .profileInner --> 
 
    </div> <!-- .img --> 
 
</div>

Answer 1

私はCSS Tableとcalc() functionを使用して、私の問題への解決策を見つけました。

.slides { 
    display: table; 
    width: calc(100% - 1px); 
}