I'm trying to create a print-friendly version of a webpage, however, the webpage and the print preview in Internet Explorer 11 have some mysterious blank space beneath the div's.

I have checked all the CSS classes, html markup, etc.

* Setting the height makes no difference
* Setting margin and padding to 0 makes no difference

It is just a huge white block beneath each div - there's nothing associated with it, so I do not understand why IE is putting it there.

Example:

```
<div class="row"> ## this has the big white space beneath it, after its closing tag
 <div class="medium-12 columns"> ## this is the correct height
  <!-- content -->
 </div>
</div>
## WHITE SPACE HERE ##
## around 20-30 lines long ##
<!-- next div begins here -->

```

CSS rules on the affected tag:

```
padding: 0 0 5px 0;
page-break-inside: avoid;
margin: 0 -.9375rem;
max-width: none;
width: none;
overflow: hidden;

```

Does anybody have any ideas as to why this may be?