title: divs not filling white-space in display: table;
body: <p>I have created a slideshow and to the right of it there are divs, they will be enlarged when you hover over them and when you take your cursor off the div it will shrink. But, the aside (the divs parent) is in the correct place where it should be, it's the divs that aren't filling the top of the aside element. How can I get the divs to fill the aside element and not break anything else?</p>
  
  <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>.thing {
    height: 120px;
    width: 250px;
    z-index: 10;
    position: relative;
    border: 5px solid brown;
  }
  .thing:hover {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 11;
  }
  .report {
    text-align: left;
    vertical-align: top;
    display: table;
    width: 100%;
  }
  .aside {
    display: table-cell;
    padding-top: 5px;
    width: 250px;
    border-radius: 10px;
    border: 2px solid black;
    overflow: hidden;
    position: relative;
    height: 385px;
  }
  .container {
    position: relative;
    width: 750px;
    height: 400px;
    border-radius: 5px;
    border: 1px solid black;
    overflow: hidden;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="report"&gt;
    &lt;div id="imgGallary" class="container"&gt;
      &lt;img src="images/companies.png" alt="" width="750" height="400" /&gt;
      &lt;img src="gallery" alt="" width="750" height="400" /&gt;
    &lt;/div&gt;
    &lt;aside class="aside"&gt;
      &lt;div id="c1"&gt;&lt;/div&gt;
      &lt;div class="thing" style="background-color: blue;"&gt;
        &lt;h1&gt;Find Us!&lt;/h1&gt;
      &lt;/div&gt;
      &lt;div class="thing" style="background-color: orange;"&gt;&lt;/div&gt;
      &lt;div class="thing" style="background-color: pink"&gt;&lt;/div&gt;
    &lt;/aside&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>