DocBook XSLT 2.0 Stylesheet output: table.002.xml

Expected (7 differences)Actual (1 differences)
<html>
   <head>
      <link href="../../resources/css/db-prism.css" rel="stylesheet" type="text/css"/>
      <link href="../../resources/css/default.css" rel="stylesheet" type="text/css"/>
      <link href="../../resources/css/prism.css" rel="stylesheet" type="text/css"/>
      <meta charset="utf-8"/>
      <meta content="DocBook XSL 2.0 Stylesheets Vxxx" name="generator"/>
      <script src="../../resources/js/dbmodnizr.js" type="text/javascript"/>
      <title>Article wrapper</title>
   </head>
   <body>
      <article class="article" id="R.1">
         <header class="article-titlepage">
            <h2>Article wrapper</h2>
         </header>
         <p>CALS.</p>
         <figure class="table-wrapper" id="width-test-1">
            <div class="title">Table 1. Width Test 1</div>
            <div class="table">
               <table border="0" style="border-collapse: collapse;border-top: 1px solid ; border-bottom: 1px solid ; border-left: 1px solid ; border-right: 1px solid ; " summary="Table 1. Width Test 1">
                  <colgroup>
                     <col align="left" class="tcol1" width="16.67%"/>
                     <col align="left" class="tcol2" width="10.71%"/>
                     <col align="left" class="tcol3" width="53.57%"/>
                     <col align="left" class="tcol4" width="19.05%"/>
                  </colgroup>
                  <tbody>
                     <tr>
                        <td align="left" style="border-right: 1px solid ; border-bottom: 1px solid ; ">1in</td>
                        <td align="left" style="border-right: 1px solid ; border-bottom: 1px solid ; ">1/7</td>
                        <td align="left" style="border-right: 1px solid ; border-bottom: 1px solid ; ">5/7</td>
                        <td align="left" style="border-bottom: 1px solid ; ">1/7+0.5in</td>
                     </tr>
                     <tr>
                        <td align="left" style="border-right: 1px solid ; ">some words to make the thing wrap around to test the width</td>
                        <td align="left" style="border-right: 1px solid ; ">some words to make the thing wrap around to test the width</td>
                        <td align="left" style="border-right: 1px solid ; ">some words to make the thing wrap around to test the width</td>
                        <td align="left">some words to make the thing wrap around to test the width</td>
                     </tr>
                  </tbody>
               </table>
            </div>
         </figure>
         <p>HTML. Note that HTML has much less sophisticated width control.</p>
         <figure class="table-wrapper" id="width-test-2">
            <div class="table">
               <table border="1" xml:id="width-test-2">
                  <caption class="caption">Width Test 1</caption>
                  <colgroup>
                     <col span="1" width="11%"/>
                     <col span="1" width="11%"/>
                     <col span="1" width="58%"/>
                     <col span="1" width="20%"/>
                  </colgroup>
                  <tbody>
                     <tr>
                        <td>11%</td>
                        <td>11%</td>
                        <td>58%</td>
                        <td>20%</td>
                     </tr>
                     <tr>
                        <td>some words to make the thing wrap around to test the width</td>
                        <td>some words to make the thing wrap around to test the width</td>
                        <td>some words to make the thing wrap around to test the width</td>
                        <td>some words to make the thing wrap around to test the width</td>
                     </tr>
                  </tbody>
               </table>
            </div>
         </figure>
      </article>
      <script src="../../resources/js/prism.js"/>
   </body>
</html>
<html>
   <head>
      <link href="../../resources/css/db-prism.css" rel="stylesheet" type="text/css"/>
      <link href="../../resources/css/default.css" rel="stylesheet" type="text/css"/>
      <link href="../../resources/css/prism.css" rel="stylesheet" type="text/css"/>
      <meta charset="utf-8"/>
      <meta content="DocBook XSL 2.0 Stylesheets Vxxx" name="generator"/>
      <script src="../../resources/js/dbmodnizr.js" type="text/javascript"/>
      <title>Article wrapper</title>
   </head>
   <body>
      <article class="article" id="R.1">
         <header class="article-titlepage">
            <h2>Article wrapper</h2>
         </header>
         <div class="content">
            <p>CALS.</p>
            <figure class="table-wrapper" id="width-test-1">
               <div class="title">Table 1. Width Test 1</div>
               <div class="table">
                  <table border="0" style="border-collapse: collapse;border-top: 1px solid ; border-bottom: 1px solid ; border-left: 1px solid ; border-right: 1px solid ; " summary="Table 1. Width Test 1">
                     <colgroup>
                        <col align="left" class="tcol1" width="16.67%"/>
                        <col align="left" class="tcol2" width="10.71%"/>
                        <col align="left" class="tcol3" width="53.57%"/>
                        <col align="left" class="tcol4" width="19.05%"/>
                     </colgroup>
                     <tbody>
                        <tr>
                           <td align="left" style="border-right: 1px solid ; border-bottom: 1px solid ; ">1in</td>
                           <td align="left" style="border-right: 1px solid ; border-bottom: 1px solid ; ">1/7</td>
                           <td align="left" style="border-right: 1px solid ; border-bottom: 1px solid ; ">5/7</td>
                           <td align="left" style="border-bottom: 1px solid ; ">1/7+0.5in</td>
                        </tr>
                        <tr>
                           <td align="left" style="border-right: 1px solid ; ">some words to make the thing wrap around to test the width</td>
                           <td align="left" style="border-right: 1px solid ; ">some words to make the thing wrap around to test the width</td>
                           <td align="left" style="border-right: 1px solid ; ">some words to make the thing wrap around to test the width</td>
                           <td align="left">some words to make the thing wrap around to test the width</td>
                        </tr>
                     </tbody>
                  </table>
               </div>
            </figure>
            <p>HTML. Note that HTML has much less sophisticated width control.</p>
            <figure class="table-wrapper" id="width-test-2">
               <div class="table">
                  <table border="1" xml:id="width-test-2">
                     <caption class="caption">Width Test 1</caption>
                     <colgroup>
                        <col span="1" width="11%"/>
                        <col span="1" width="11%"/>
                        <col span="1" width="58%"/>
                        <col span="1" width="20%"/>
                     </colgroup>
                     <tbody>
                        <tr>
                           <td>11%</td>
                           <td>11%</td>
                           <td>58%</td>
                           <td>20%</td>
                        </tr>
                        <tr>
                           <td>some words to make the thing wrap around to test the width</td>
                           <td>some words to make the thing wrap around to test the width</td>
                           <td>some words to make the thing wrap around to test the width</td>
                           <td>some words to make the thing wrap around to test the width</td>
                        </tr>
                     </tbody>
                  </table>
               </div>
            </figure>
         </div>
      </article>
      <script src="../../resources/js/prism.js"/>
   </body>
</html>
The “current” CSS styling is applied to the this entire document; the results in this column may be anomalous. Also, image links are broken in this column. 

Article wrapper

CALS.

Table 1. Width Test 1
1in1/75/71/7+0.5in
some words to make the thing wrap around to test the widthsome words to make the thing wrap around to test the widthsome words to make the thing wrap around to test the widthsome words to make the thing wrap around to test the width

HTML. Note that HTML has much less sophisticated width control.

Width Test 1
11% 11% 58% 20%
some words to make the thing wrap around to test the width some words to make the thing wrap around to test the width some words to make the thing wrap around to test the width some words to make the thing wrap around to test the width

Article wrapper

CALS.

Table 1. Width Test 1
1in1/75/71/7+0.5in
some words to make the thing wrap around to test the widthsome words to make the thing wrap around to test the widthsome words to make the thing wrap around to test the widthsome words to make the thing wrap around to test the width

HTML. Note that HTML has much less sophisticated width control.

Width Test 1
11% 11% 58% 20%
some words to make the thing wrap around to test the width some words to make the thing wrap around to test the width some words to make the thing wrap around to test the width some words to make the thing wrap around to test the width

XML source