Firefox display-table-cell没有显示border-right和bottom

Question

Firefox display-table-cell未显示border-right和border-bottom！

守则：

＆＃13;

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

Answer 1

我使用CSS Table和calc() function找到了解决问题的方法。

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