SaaS ebook misformatted TOC

toc.html

<!-- BEGIN CURRENT VERSION -->
<!-- FIX: this id should be "toc" -->
<div data-role="page" id="chapter_0" data-url="chapter_0" tabindex="0" class="ui-page ui-body-c ui-page-active" style="min-height: 571px; ">
  <div data-role="content" class="ui-content" role="main">
    <h2 class="chapterhead">
      0. <a id="x1-1000" class="ui-link"></a>Contents
    </h2>
    <!-- FIX: this page div and content div should not be here -->
    <div data-role="page" id="toc" data-url="toc">
      <div data-role="content" class="ui-content" role="main">
        <!-- actual TOC content here -->
      </div>
    </div>
  </div><!-- end of chapter content -->

  <!-- FIX: drop one of these footers -->
  <div data-role="footer" data-id="global-nav" data-position="fixed" class="ui-bar ui-footer ui-bar-a ui-footer-fixed ui-fixed-inline fade" role="contentinfo" style="top: 364px; "><!-- footer content here --></div>
  <div data-role="footer" data-id="global-nav" data-position="fixed" class="ui-bar ui-footer ui-bar-a ui-footer-fixed ui-fixed-overlay fade" role="contentinfo" style="top: 364px; "><!-- footer content here --></div>
</div>
<!-- END CURRENT VERSION -->

<!-- BEGIN FIXED VERSION -->
<div data-role="page" id="toc" data-url="toc" tabindex="0" class="ui-page ui-body-c ui-page-active" style="min-height: 571px; ">
  <div data-role="content" class="ui-content" role="main">
    <h2 class="chapterhead">
      0. <a id="x1-1000" class="ui-link"></a>Contents
    </h2>
    <!-- actual TOC content here -->
  </div><!-- end of chapter content -->
  
  <div data-role="footer" data-id="global-nav" data-position="fixed" class="ui-bar ui-footer ui-bar-a ui-footer-fixed ui-fixed-inline fade" role="contentinfo" style="top: 364px; "><!-- footer content here --></div>
</div>
<!-- END FIXED VERSION -->