Firefox Anzeige-Tabelle-Zelle zeigt keine Grenze-rechts und unten

Question

Firefox display-table-cell zeigt nicht border-right und border-bottom!

Der Code:

.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

ich eine CSS Table und die calc() function eine Lösung für mein Problem gefunden werden.

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