Pop-up footnotes displaying notes headers

[newseverian]

This is only happening for the last footnotes for each chapter, and I can't figure out why.

Footnote pop ups in Kindle Previewer throughout each chapter work normally until whatever the final footnote is of each chapter, then it will display the following Notes section header beneath the footnote in the pop-up.

I've found forcing a page-break before each notes header avoids this, but I'd rather not do that. Even copying the code from an e-book where this doesn't occur hasn't solved this. Any ideas?

Sample:

<section epub:type="division">
<h2 class="notes-head">Footnote header</h2>

<ol>

<li ="notes"><a role="doc-backlink" href="chapter1.xhtml#note1" id="ch1_note_R1">1.</a> Footnote text</li>

<li class="notes"><a role="doc-backlink" href="chapter1.xhtml#note2" id="ch1_note_R2">2.</a> Last footnote text</li>

</ol>

</section>

<section epub:type="division">
<h2 class="notes-head">Following footnote header</h2>
<li ="notes"><a role="doc-backlink" href="chapter2.xhtml#note1" id="ch2_note_R1">1.</a> Footnote text</li>

[azimuth]

<li ="notes">
This is missing the complete element equation 'class=' in several spots. Is this causing the problem?

https://epubknowledge.com/docs/notes

Backtracking a bit...at this web link above they use an attribute <a epub:type="pagebreak"...> after the last note, just the very way you were hoping to avoid doing it.

As a side thought...pagebreak as zero height?
.pagebreak-height {
min-height: 0;
max-height: 0;
height: 0;
)

[newseverian]

Sorry, that was a mistake in the writing of this post. The class tags are present (and the file validates) and it still occurs.

<section epub:type="division">
<h2 class="notes-head">Footnote header</h2>

<ol>

<li class ="notes"><a role="doc-backlink" href="chapter1.xhtml#note1" id="ch1_note_R1">1.</a> Footnote text</li>

<li class="notes"><a role="doc-backlink" href="chapter1.xhtml#note2" id="ch1_note_R2">2.</a> Last footnote text</li>

</ol>

</section>

<section epub:type="division">
<h2 class="notes-head">Following footnote header</h2>
<li class ="notes"><a role="doc-backlink" href="chapter2.xhtml#note1" id="ch2_note_R1">1.</a> Footnote text</li>

[azimuth]

.....