<http://www.geocities.com/schools_ring/tmp/demo01/index.xml> the table
caption has 1px(?) indentation from the left in Firefox 1.5 and I'm
running out of ideas how to kill it - if it's possible at all. (Opera 9
shows a bigger indentation (2px?) but from the right side, but this fun
is for later :-)
IE displays the expected (at least by me) layout.
The relevant HTML block in the transformer
<http://www.geocities.com/schools_ring/tmp/demo01/default.xsl> is
....
<table
<col width="20%" /><col width="50%"
/><col width="15%"
/><col width="15%"
/><caption>Repository</caption
<thead
<tr
<th>Name</th
<th>Description</th
<th>Demo</th
<th>Download</th
</tr
....
The relevant CSS block in the sheet
<http://www.geocities.com/schools_ring/tmp/demo01/default.css> is
....
table {
width: 100%;
margin: 0px auto;
padding: 0;
border-style: none;
border-collapse: collapse;
-moz-binding: url(zebra.xml#default);
behavior: url(zebra.htc)}
table caption {
width: 100%;
margin: 0px auto;
border: 1px solid #000000;
background-color: #DDDDDD;
padding: 5px 0px;
font-weight: bold}
....
If needed I can make a minimum case on a conventional HTML page, I just
thought someone may know an immediate know-how / no way answer.