I'm creating an advanced pdf template for printing checks with voucher info. I've hit a road block that I could use help with please. I cannot for the life of me seem to get the table that prints applied to information to stop at a max height. I've tried max-height, height, etc. but no luck. I've created a wrapper div and set overflow to hidden and set overflow to hidden in the table too but nothing seems to work. can someone please help me make it so the table is fixed height? We have the 3 segment checks where the check is on top and the bottom two segments print voucher info. This fixed height piece is the most important piece.

.voucher th p {
        vertical-align: center;
        padding: 2px;
      }
      .voucher-div {
        position: absolute;
        overflow: hidden;
        left: 37pt;
        top: 9pt;
        height: 220pt;
      }

<#if check.apply?has_content>
  <div class="voucher-div">
    <table class="voucher" style="border: 1px solid black; width: 420pt; height: 220pt;">
    <tr style="background-color: #000; color: #fff">
      <th style="border-right: 1px solid black; width: 14.28%;">Date</th>
      <th style="border-right: 1px solid black; width: 28.57%;">Description</th>
      <th style="border-right: 1px solid black; width: 14.28%;">Orig Amt</th>
      <th style="border-right: 1px solid black; width: 14.28%;">Amt Due</th>
      <th style="border-right: 1px solid black; width: 14.28%;">Discount</th>
      <th style="width: 14.28%;">Amount</th>
    </tr>
    <#list check.apply as apply>
      <tr>
      <td style="border-right: 1px solid black; width: 14.28%;">${apply.applydate}</td>
        <td style="border-right: 1px solid black; width: 28.57%;">${apply.refnum}</td>
        <td style="border-right: 1px solid black; width: 14.28%;">${apply.total}</td>
        <td style="border-right: 1px solid black; width: 14.28%;">${apply.due}</td>
        <td style="border-right: 1px solid black; width: 14.28%;">${apply.discount}</td>
        <td style="width: 14.28%;">${apply.amount}</td>
      </tr>
      </#list>
  </table>
      </div>
    </#if>

And in a perfect world, I'd figure out how to push overflowing voucher info to a second page with a gap at the top to account for the first 1/3 of the check stock. This user did it but I can't figure out how to apply the page count to get it to work right.