title: table-cell border not extending to row height
body: <p>I am using display:table-cell to show a calendar display. </p>
  
  <p>When I have a single day that contains lots of text the square is bigger than the rest of the squares on that row, However the other divs on the row do not extend their border to match the new height. </p>
  
  <p>Am I doing something wrong here ?</p>
  
  <p>See plunker: </p>
  
  <pre><code>  https://plnkr.co/edit/sUHLvFnbQv6qpXNZkG0J
  </code></pre>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.calendar-week-container {
    display: table;
    width:100%; 
  }
  .row-container {
    display: table-row;
    width:100%; 
  }
  .calendar-day{
      display: table-cell;
      min-height:50px;
      float:left;
      width:20%;
      
      border-top:1px solid red;
      border-left:1px solid red;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>    &lt;div class="calendar-week-container"&gt;
        &lt;div class="row-container"&gt;
            &lt;div class="calendar-day"&gt;
              My Day 1
            &lt;/div&gt;
            &lt;div class="calendar-day"&gt;
              My Day 2
               &lt;br&gt;
              asdasd
              &lt;br&gt;
              asdasdads &lt;br&gt;
              asdasd
              &lt;br&gt;
              asdasdads
            &lt;/div&gt;
                  &lt;div class="calendar-day"&gt;
              My Day 3
            &lt;/div&gt;
            &lt;div class="calendar-day"&gt;
              My Day 4
             
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;div class="row-container"&gt;
                  &lt;div class="calendar-day"&gt;
              My Day 5
            &lt;/div&gt;
                  &lt;div class="calendar-day"&gt;
              My Day 6
            &lt;/div&gt;
                  &lt;div class="calendar-day"&gt;
              My Day 7
            &lt;/div&gt;
                  &lt;div class="calendar-day"&gt;
              My Day 8
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>