Разрыв страницы в jsreport для pdf-конвертера

Question

Я использую jsreport-studio для преобразования XML-схемы счетов-фактур в PDF, и у меня проблемы с разрывом страниц.

Документ может иметь разные счета, которые состоят из 2 страниц: 1 для информации заголовка и 1 для информации клиента.
Я разработал свою html-страницу с контейнером div с двумя дочерними элементами div, которые представляют две страницы, и в этих двух div-ах я использую более одного для отображения своей информации.
Я вставил "page-break-after: всегда" в div.page, чтобы разбить и сделать страницу (в PDF) для заголовка и одну или несколько страниц для информации о клиенте.

Проблема заключается в том, что когда информация о клиенте помещается на нескольких страницах, разрыв страницы не работает, и на следующих страницах заголовок переполняется информацией о клиенте. Как я могу решить эту проблему?

Это мой код CSS:

.invoice-box {
    max-width: 800px;
    margin: 0px;
    padding: 0px;
    /*box-shadow: 0 0 10px rgba(0, 0, 0, .15);*/
    font-size: 16px;
    line-height: 24px;
    font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
    color: #555;

}

.invoice-box div.page{
    page-break-inside:always;
    page-break-after:always;
    height:100%;
    display:block;
    border: 1px solid #ddd;
    position:auto;
}