From ed9288df7430bef36b49c5f0d2cb0e8821e714d6 Mon Sep 17 00:00:00 2001
From: Misha Koryak <koryak@gmail.com>
Date: Fri, 21 Mar 2014 18:00:07 -0400
Subject: [PATCH] add tests for #52, #66

---
 tests.html          |   1 +
 tests/issue-52.html | 437 ++++++++++++++++++++++++++++++++++++++++++++
 tests/issue-66.html |  46 +++++
 3 files changed, 484 insertions(+)
 create mode 100644 tests/issue-52.html
 create mode 100644 tests/issue-66.html

diff --git a/tests.html b/tests.html
index 8eec3de..25d9495 100644
--- a/tests.html
+++ b/tests.html
@@ -15,6 +15,7 @@ <h1>Tests</h1>
         <li><a href="{{ site.base_url }}/tests/big-table/">Big Table</a></li>
         <li><a href="{{ site.base_url }}/tests/misaligned-header/">Misaligned Header</a></li>
         <li><a href="{{ site.base_url }}/tests/issue-56/">Issue 56</a></li>
+        <li><a href="{{ site.base_url }}/tests/issue-66/">Issue 66 (52 is related)</a></li>
         <!--<li><a href="{{ site.base_url }}/tests/big-thead/">Big THead</a></li>-->
     </ul>
 </div>
diff --git a/tests/issue-52.html b/tests/issue-52.html
new file mode 100644
index 0000000..241cc7e
--- /dev/null
+++ b/tests/issue-52.html
@@ -0,0 +1,437 @@
+---
+layout: lite
+base_url: './../..'
+slug: tests
+issue: 52
+---
+
+<style>
+    table {
+	font-weight: normal;
+	margin: 0 auto;
+}
+
+#imageTable {
+	width: 90%;
+	margin-bottom: 20px;
+}
+table {
+    border-spacing: 8px;
+}
+table th {
+	background-color: #555;
+	padding: 0 5px;
+}
+
+  </style>
+
+
+<script type='text/javascript'>//<![CDATA[ 
+window.onload=function(){
+	$('#imageTable').floatThead({
+		scrollingTop: 0,
+		useAbsolutePositioning: false
+	});
+}//]]>  
+
+</script>
+
+        <p>
+            The size-row's height needs to be the same as the header. It was bigger.
+        </p>
+
+
+<br/><br/><br/><br/><br/><br/><div id='jsfiddle'>
+  <table id="imageTable">
+						<thead>
+						<tr>
+							<th>#</th>
+							<th>ID</th>
+							<th>Thumb</th>
+							<th>File</th>
+							<th>Order</th>
+							<th style="color:#44c30b">Title</th>
+							<th style="color:#44c30b">Date</th>
+							<th style="color:#44c30b" title="ex Camera">Caption</th>
+							<th style="color:#29bcfd" title="ex ISO; 42 / 99">Ded</th>
+							<th style="color:#29bcfd" title="ex f-stop">Add'l</th>
+							<th style="color:#f60" title="ex Orientation; 42">Cvr</th>
+							<th>Tags</th>
+							<th colspan="2">GPS</th>
+							<th>Del</th>
+						</tr>
+						</thead>
+						<tbody>
+										<tr id="2378">
+							<td class="noedit">1</td>
+							<td><a href="index.php?imageID=2378" title="View Image Page" target="_blank">2378</a></td>
+							<td class="th" name="img/35 - Avatar/eZLPjEj6m4.jpg"><a rel="fancyboxset" href="img/35 - Avatar/eZLPjEj6m4.jpg"><img src="img/35 - Avatar/eZLPjEj6m4_th.jpg" height="55%" title="eZLPjEj6m4_th.jpg"></a></td>
+							<td class="noedit" title="Filename">eZLPjEj6m4.jpg</td>
+							<td class="editableInput" id="imageOrder" title="Order">10</td>
+							<td class="editable dark" id="imageTitle" title="Title"><i>Edit...</i></td>
+							<td class="editableInput light" id="imageDate" title="Date"><i>Edit...</i></td>
+							<td class="editable light" id="camera" title="Caption"><i>Edit...</i></td>
+							<td class="editableInput dark" id="iso" title="Dedicated image (42 / 99)"><i>Edit...</i></td>
+							<td class="editable light" id="fstop" title="Additional text"><i>Edit...</i></td>
+							<td class="editableInput" id="orientation" title="Cover"><i>Edit...</i></td>
+							<td class="editable" id="imageTags" title="Tags"><i>Edit...</i></td>
+								<td colspan="2" class="editable" id="geoCoords" title="GPS"><i>Edit...</i></td>							<td class="editableSel del" id="delete" title="Delete from DB">&nbsp;✗&nbsp;</td>
+						</tr>
+						<tr id="2378">
+							<td class="noedit">1</td>
+							<td><a href="index.php?imageID=2378" title="View Image Page" target="_blank">2378</a></td>
+							<td class="th" name="img/35 - Avatar/eZLPjEj6m4.jpg"><a rel="fancyboxset" href="img/35 - Avatar/eZLPjEj6m4.jpg"><img src="img/35 - Avatar/eZLPjEj6m4_th.jpg" height="55%" title="eZLPjEj6m4_th.jpg"></a></td>
+							<td class="noedit" title="Filename">eZLPjEj6m4.jpg</td>
+							<td class="editableInput" id="imageOrder" title="Order">10</td>
+							<td class="editable dark" id="imageTitle" title="Title"><i>Edit...</i></td>
+							<td class="editableInput light" id="imageDate" title="Date"><i>Edit...</i></td>
+							<td class="editable light" id="camera" title="Caption"><i>Edit...</i></td>
+							<td class="editableInput dark" id="iso" title="Dedicated image (42 / 99)"><i>Edit...</i></td>
+							<td class="editable light" id="fstop" title="Additional text"><i>Edit...</i></td>
+							<td class="editableInput" id="orientation" title="Cover"><i>Edit...</i></td>
+							<td class="editable" id="imageTags" title="Tags"><i>Edit...</i></td>
+								<td colspan="2" class="editable" id="geoCoords" title="GPS"><i>Edit...</i></td>							<td class="editableSel del" id="delete" title="Delete from DB">&nbsp;✗&nbsp;</td>
+						</tr>
+						<tr id="2378">
+							<td class="noedit">1</td>
+							<td><a href="index.php?imageID=2378" title="View Image Page" target="_blank">2378</a></td>
+							<td class="th" name="img/35 - Avatar/eZLPjEj6m4.jpg"><a rel="fancyboxset" href="img/35 - Avatar/eZLPjEj6m4.jpg"><img src="img/35 - Avatar/eZLPjEj6m4_th.jpg" height="55%" title="eZLPjEj6m4_th.jpg"></a></td>
+							<td class="noedit" title="Filename">eZLPjEj6m4.jpg</td>
+							<td class="editableInput" id="imageOrder" title="Order">10</td>
+							<td class="editable dark" id="imageTitle" title="Title"><i>Edit...</i></td>
+							<td class="editableInput light" id="imageDate" title="Date"><i>Edit...</i></td>
+							<td class="editable light" id="camera" title="Caption"><i>Edit...</i></td>
+							<td class="editableInput dark" id="iso" title="Dedicated image (42 / 99)"><i>Edit...</i></td>
+							<td class="editable light" id="fstop" title="Additional text"><i>Edit...</i></td>
+							<td class="editableInput" id="orientation" title="Cover"><i>Edit...</i></td>
+							<td class="editable" id="imageTags" title="Tags"><i>Edit...</i></td>
+								<td colspan="2" class="editable" id="geoCoords" title="GPS"><i>Edit...</i></td>							<td class="editableSel del" id="delete" title="Delete from DB">&nbsp;✗&nbsp;</td>
+						</tr>
+						<tr id="2378">
+							<td class="noedit">1</td>
+							<td><a href="index.php?imageID=2378" title="View Image Page" target="_blank">2378</a></td>
+							<td class="th" name="img/35 - Avatar/eZLPjEj6m4.jpg"><a rel="fancyboxset" href="img/35 - Avatar/eZLPjEj6m4.jpg"><img src="img/35 - Avatar/eZLPjEj6m4_th.jpg" height="55%" title="eZLPjEj6m4_th.jpg"></a></td>
+							<td class="noedit" title="Filename">eZLPjEj6m4.jpg</td>
+							<td class="editableInput" id="imageOrder" title="Order">10</td>
+							<td class="editable dark" id="imageTitle" title="Title"><i>Edit...</i></td>
+							<td class="editableInput light" id="imageDate" title="Date"><i>Edit...</i></td>
+							<td class="editable light" id="camera" title="Caption"><i>Edit...</i></td>
+							<td class="editableInput dark" id="iso" title="Dedicated image (42 / 99)"><i>Edit...</i></td>
+							<td class="editable light" id="fstop" title="Additional text"><i>Edit...</i></td>
+							<td class="editableInput" id="orientation" title="Cover"><i>Edit...</i></td>
+							<td class="editable" id="imageTags" title="Tags"><i>Edit...</i></td>
+								<td colspan="2" class="editable" id="geoCoords" title="GPS"><i>Edit...</i></td>							<td class="editableSel del" id="delete" title="Delete from DB">&nbsp;✗&nbsp;</td>
+						</tr>
+						<tr id="2378">
+							<td class="noedit">1</td>
+							<td><a href="index.php?imageID=2378" title="View Image Page" target="_blank">2378</a></td>
+							<td class="th" name="img/35 - Avatar/eZLPjEj6m4.jpg"><a rel="fancyboxset" href="img/35 - Avatar/eZLPjEj6m4.jpg"><img src="img/35 - Avatar/eZLPjEj6m4_th.jpg" height="55%" title="eZLPjEj6m4_th.jpg"></a></td>
+							<td class="noedit" title="Filename">eZLPjEj6m4.jpg</td>
+							<td class="editableInput" id="imageOrder" title="Order">10</td>
+							<td class="editable dark" id="imageTitle" title="Title"><i>Edit...</i></td>
+							<td class="editableInput light" id="imageDate" title="Date"><i>Edit...</i></td>
+							<td class="editable light" id="camera" title="Caption"><i>Edit...</i></td>
+							<td class="editableInput dark" id="iso" title="Dedicated image (42 / 99)"><i>Edit...</i></td>
+							<td class="editable light" id="fstop" title="Additional text"><i>Edit...</i></td>
+							<td class="editableInput" id="orientation" title="Cover"><i>Edit...</i></td>
+							<td class="editable" id="imageTags" title="Tags"><i>Edit...</i></td>
+								<td colspan="2" class="editable" id="geoCoords" title="GPS"><i>Edit...</i></td>							<td class="editableSel del" id="delete" title="Delete from DB">&nbsp;✗&nbsp;</td>
+						</tr>
+						<tr id="2378">
+							<td class="noedit">1</td>
+							<td><a href="index.php?imageID=2378" title="View Image Page" target="_blank">2378</a></td>
+							<td class="th" name="img/35 - Avatar/eZLPjEj6m4.jpg"><a rel="fancyboxset" href="img/35 - Avatar/eZLPjEj6m4.jpg"><img src="img/35 - Avatar/eZLPjEj6m4_th.jpg" height="55%" title="eZLPjEj6m4_th.jpg"></a></td>
+							<td class="noedit" title="Filename">eZLPjEj6m4.jpg</td>
+							<td class="editableInput" id="imageOrder" title="Order">10</td>
+							<td class="editable dark" id="imageTitle" title="Title"><i>Edit...</i></td>
+							<td class="editableInput light" id="imageDate" title="Date"><i>Edit...</i></td>
+							<td class="editable light" id="camera" title="Caption"><i>Edit...</i></td>
+							<td class="editableInput dark" id="iso" title="Dedicated image (42 / 99)"><i>Edit...</i></td>
+							<td class="editable light" id="fstop" title="Additional text"><i>Edit...</i></td>
+							<td class="editableInput" id="orientation" title="Cover"><i>Edit...</i></td>
+							<td class="editable" id="imageTags" title="Tags"><i>Edit...</i></td>
+								<td colspan="2" class="editable" id="geoCoords" title="GPS"><i>Edit...</i></td>							<td class="editableSel del" id="delete" title="Delete from DB">&nbsp;✗&nbsp;</td>
+						</tr>
+						<tr id="2378">
+							<td class="noedit">1</td>
+							<td><a href="index.php?imageID=2378" title="View Image Page" target="_blank">2378</a></td>
+							<td class="th" name="img/35 - Avatar/eZLPjEj6m4.jpg"><a rel="fancyboxset" href="img/35 - Avatar/eZLPjEj6m4.jpg"><img src="img/35 - Avatar/eZLPjEj6m4_th.jpg" height="55%" title="eZLPjEj6m4_th.jpg"></a></td>
+							<td class="noedit" title="Filename">eZLPjEj6m4.jpg</td>
+							<td class="editableInput" id="imageOrder" title="Order">10</td>
+							<td class="editable dark" id="imageTitle" title="Title"><i>Edit...</i></td>
+							<td class="editableInput light" id="imageDate" title="Date"><i>Edit...</i></td>
+							<td class="editable light" id="camera" title="Caption"><i>Edit...</i></td>
+							<td class="editableInput dark" id="iso" title="Dedicated image (42 / 99)"><i>Edit...</i></td>
+							<td class="editable light" id="fstop" title="Additional text"><i>Edit...</i></td>
+							<td class="editableInput" id="orientation" title="Cover"><i>Edit...</i></td>
+							<td class="editable" id="imageTags" title="Tags"><i>Edit...</i></td>
+								<td colspan="2" class="editable" id="geoCoords" title="GPS"><i>Edit...</i></td>							<td class="editableSel del" id="delete" title="Delete from DB">&nbsp;✗&nbsp;</td>
+						</tr>
+						<tr id="2378">
+							<td class="noedit">1</td>
+							<td><a href="index.php?imageID=2378" title="View Image Page" target="_blank">2378</a></td>
+							<td class="th" name="img/35 - Avatar/eZLPjEj6m4.jpg"><a rel="fancyboxset" href="img/35 - Avatar/eZLPjEj6m4.jpg"><img src="img/35 - Avatar/eZLPjEj6m4_th.jpg" height="55%" title="eZLPjEj6m4_th.jpg"></a></td>
+							<td class="noedit" title="Filename">eZLPjEj6m4.jpg</td>
+							<td class="editableInput" id="imageOrder" title="Order">10</td>
+							<td class="editable dark" id="imageTitle" title="Title"><i>Edit...</i></td>
+							<td class="editableInput light" id="imageDate" title="Date"><i>Edit...</i></td>
+							<td class="editable light" id="camera" title="Caption"><i>Edit...</i></td>
+							<td class="editableInput dark" id="iso" title="Dedicated image (42 / 99)"><i>Edit...</i></td>
+							<td class="editable light" id="fstop" title="Additional text"><i>Edit...</i></td>
+							<td class="editableInput" id="orientation" title="Cover"><i>Edit...</i></td>
+							<td class="editable" id="imageTags" title="Tags"><i>Edit...</i></td>
+								<td colspan="2" class="editable" id="geoCoords" title="GPS"><i>Edit...</i></td>							<td class="editableSel del" id="delete" title="Delete from DB">&nbsp;✗&nbsp;</td>
+						</tr>
+						<tr id="2378">
+							<td class="noedit">1</td>
+							<td><a href="index.php?imageID=2378" title="View Image Page" target="_blank">2378</a></td>
+							<td class="th" name="img/35 - Avatar/eZLPjEj6m4.jpg"><a rel="fancyboxset" href="img/35 - Avatar/eZLPjEj6m4.jpg"><img src="img/35 - Avatar/eZLPjEj6m4_th.jpg" height="55%" title="eZLPjEj6m4_th.jpg"></a></td>
+							<td class="noedit" title="Filename">eZLPjEj6m4.jpg</td>
+							<td class="editableInput" id="imageOrder" title="Order">10</td>
+							<td class="editable dark" id="imageTitle" title="Title"><i>Edit...</i></td>
+							<td class="editableInput light" id="imageDate" title="Date"><i>Edit...</i></td>
+							<td class="editable light" id="camera" title="Caption"><i>Edit...</i></td>
+							<td class="editableInput dark" id="iso" title="Dedicated image (42 / 99)"><i>Edit...</i></td>
+							<td class="editable light" id="fstop" title="Additional text"><i>Edit...</i></td>
+							<td class="editableInput" id="orientation" title="Cover"><i>Edit...</i></td>
+							<td class="editable" id="imageTags" title="Tags"><i>Edit...</i></td>
+								<td colspan="2" class="editable" id="geoCoords" title="GPS"><i>Edit...</i></td>							<td class="editableSel del" id="delete" title="Delete from DB">&nbsp;✗&nbsp;</td>
+						</tr>
+						<tr id="2378">
+							<td class="noedit">1</td>
+							<td><a href="index.php?imageID=2378" title="View Image Page" target="_blank">2378</a></td>
+							<td class="th" name="img/35 - Avatar/eZLPjEj6m4.jpg"><a rel="fancyboxset" href="img/35 - Avatar/eZLPjEj6m4.jpg"><img src="img/35 - Avatar/eZLPjEj6m4_th.jpg" height="55%" title="eZLPjEj6m4_th.jpg"></a></td>
+							<td class="noedit" title="Filename">eZLPjEj6m4.jpg</td>
+							<td class="editableInput" id="imageOrder" title="Order">10</td>
+							<td class="editable dark" id="imageTitle" title="Title"><i>Edit...</i></td>
+							<td class="editableInput light" id="imageDate" title="Date"><i>Edit...</i></td>
+							<td class="editable light" id="camera" title="Caption"><i>Edit...</i></td>
+							<td class="editableInput dark" id="iso" title="Dedicated image (42 / 99)"><i>Edit...</i></td>
+							<td class="editable light" id="fstop" title="Additional text"><i>Edit...</i></td>
+							<td class="editableInput" id="orientation" title="Cover"><i>Edit...</i></td>
+							<td class="editable" id="imageTags" title="Tags"><i>Edit...</i></td>
+								<td colspan="2" class="editable" id="geoCoords" title="GPS"><i>Edit...</i></td>							<td class="editableSel del" id="delete" title="Delete from DB">&nbsp;✗&nbsp;</td>
+						</tr>
+						<tr id="2378">
+							<td class="noedit">1</td>
+							<td><a href="index.php?imageID=2378" title="View Image Page" target="_blank">2378</a></td>
+							<td class="th" name="img/35 - Avatar/eZLPjEj6m4.jpg"><a rel="fancyboxset" href="img/35 - Avatar/eZLPjEj6m4.jpg"><img src="img/35 - Avatar/eZLPjEj6m4_th.jpg" height="55%" title="eZLPjEj6m4_th.jpg"></a></td>
+							<td class="noedit" title="Filename">eZLPjEj6m4.jpg</td>
+							<td class="editableInput" id="imageOrder" title="Order">10</td>
+							<td class="editable dark" id="imageTitle" title="Title"><i>Edit...</i></td>
+							<td class="editableInput light" id="imageDate" title="Date"><i>Edit...</i></td>
+							<td class="editable light" id="camera" title="Caption"><i>Edit...</i></td>
+							<td class="editableInput dark" id="iso" title="Dedicated image (42 / 99)"><i>Edit...</i></td>
+							<td class="editable light" id="fstop" title="Additional text"><i>Edit...</i></td>
+							<td class="editableInput" id="orientation" title="Cover"><i>Edit...</i></td>
+							<td class="editable" id="imageTags" title="Tags"><i>Edit...</i></td>
+								<td colspan="2" class="editable" id="geoCoords" title="GPS"><i>Edit...</i></td>							<td class="editableSel del" id="delete" title="Delete from DB">&nbsp;✗&nbsp;</td>
+						</tr>
+						<tr id="2378">
+							<td class="noedit">1</td>
+							<td><a href="index.php?imageID=2378" title="View Image Page" target="_blank">2378</a></td>
+							<td class="th" name="img/35 - Avatar/eZLPjEj6m4.jpg"><a rel="fancyboxset" href="img/35 - Avatar/eZLPjEj6m4.jpg"><img src="img/35 - Avatar/eZLPjEj6m4_th.jpg" height="55%" title="eZLPjEj6m4_th.jpg"></a></td>
+							<td class="noedit" title="Filename">eZLPjEj6m4.jpg</td>
+							<td class="editableInput" id="imageOrder" title="Order">10</td>
+							<td class="editable dark" id="imageTitle" title="Title"><i>Edit...</i></td>
+							<td class="editableInput light" id="imageDate" title="Date"><i>Edit...</i></td>
+							<td class="editable light" id="camera" title="Caption"><i>Edit...</i></td>
+							<td class="editableInput dark" id="iso" title="Dedicated image (42 / 99)"><i>Edit...</i></td>
+							<td class="editable light" id="fstop" title="Additional text"><i>Edit...</i></td>
+							<td class="editableInput" id="orientation" title="Cover"><i>Edit...</i></td>
+							<td class="editable" id="imageTags" title="Tags"><i>Edit...</i></td>
+								<td colspan="2" class="editable" id="geoCoords" title="GPS"><i>Edit...</i></td>							<td class="editableSel del" id="delete" title="Delete from DB">&nbsp;✗&nbsp;</td>
+						</tr>
+						<tr id="2378">
+							<td class="noedit">1</td>
+							<td><a href="index.php?imageID=2378" title="View Image Page" target="_blank">2378</a></td>
+							<td class="th" name="img/35 - Avatar/eZLPjEj6m4.jpg"><a rel="fancyboxset" href="img/35 - Avatar/eZLPjEj6m4.jpg"><img src="img/35 - Avatar/eZLPjEj6m4_th.jpg" height="55%" title="eZLPjEj6m4_th.jpg"></a></td>
+							<td class="noedit" title="Filename">eZLPjEj6m4.jpg</td>
+							<td class="editableInput" id="imageOrder" title="Order">10</td>
+							<td class="editable dark" id="imageTitle" title="Title"><i>Edit...</i></td>
+							<td class="editableInput light" id="imageDate" title="Date"><i>Edit...</i></td>
+							<td class="editable light" id="camera" title="Caption"><i>Edit...</i></td>
+							<td class="editableInput dark" id="iso" title="Dedicated image (42 / 99)"><i>Edit...</i></td>
+							<td class="editable light" id="fstop" title="Additional text"><i>Edit...</i></td>
+							<td class="editableInput" id="orientation" title="Cover"><i>Edit...</i></td>
+							<td class="editable" id="imageTags" title="Tags"><i>Edit...</i></td>
+								<td colspan="2" class="editable" id="geoCoords" title="GPS"><i>Edit...</i></td>							<td class="editableSel del" id="delete" title="Delete from DB">&nbsp;✗&nbsp;</td>
+						</tr>
+						<tr id="2378">
+							<td class="noedit">1</td>
+							<td><a href="index.php?imageID=2378" title="View Image Page" target="_blank">2378</a></td>
+							<td class="th" name="img/35 - Avatar/eZLPjEj6m4.jpg"><a rel="fancyboxset" href="img/35 - Avatar/eZLPjEj6m4.jpg"><img src="img/35 - Avatar/eZLPjEj6m4_th.jpg" height="55%" title="eZLPjEj6m4_th.jpg"></a></td>
+							<td class="noedit" title="Filename">eZLPjEj6m4.jpg</td>
+							<td class="editableInput" id="imageOrder" title="Order">10</td>
+							<td class="editable dark" id="imageTitle" title="Title"><i>Edit...</i></td>
+							<td class="editableInput light" id="imageDate" title="Date"><i>Edit...</i></td>
+							<td class="editable light" id="camera" title="Caption"><i>Edit...</i></td>
+							<td class="editableInput dark" id="iso" title="Dedicated image (42 / 99)"><i>Edit...</i></td>
+							<td class="editable light" id="fstop" title="Additional text"><i>Edit...</i></td>
+							<td class="editableInput" id="orientation" title="Cover"><i>Edit...</i></td>
+							<td class="editable" id="imageTags" title="Tags"><i>Edit...</i></td>
+								<td colspan="2" class="editable" id="geoCoords" title="GPS"><i>Edit...</i></td>							<td class="editableSel del" id="delete" title="Delete from DB">&nbsp;✗&nbsp;</td>
+						</tr>
+						<tr id="2378">
+							<td class="noedit">1</td>
+							<td><a href="index.php?imageID=2378" title="View Image Page" target="_blank">2378</a></td>
+							<td class="th" name="img/35 - Avatar/eZLPjEj6m4.jpg"><a rel="fancyboxset" href="img/35 - Avatar/eZLPjEj6m4.jpg"><img src="img/35 - Avatar/eZLPjEj6m4_th.jpg" height="55%" title="eZLPjEj6m4_th.jpg"></a></td>
+							<td class="noedit" title="Filename">eZLPjEj6m4.jpg</td>
+							<td class="editableInput" id="imageOrder" title="Order">10</td>
+							<td class="editable dark" id="imageTitle" title="Title"><i>Edit...</i></td>
+							<td class="editableInput light" id="imageDate" title="Date"><i>Edit...</i></td>
+							<td class="editable light" id="camera" title="Caption"><i>Edit...</i></td>
+							<td class="editableInput dark" id="iso" title="Dedicated image (42 / 99)"><i>Edit...</i></td>
+							<td class="editable light" id="fstop" title="Additional text"><i>Edit...</i></td>
+							<td class="editableInput" id="orientation" title="Cover"><i>Edit...</i></td>
+							<td class="editable" id="imageTags" title="Tags"><i>Edit...</i></td>
+								<td colspan="2" class="editable" id="geoCoords" title="GPS"><i>Edit...</i></td>							<td class="editableSel del" id="delete" title="Delete from DB">&nbsp;✗&nbsp;</td>
+						</tr>
+						<tr id="2378">
+							<td class="noedit">1</td>
+							<td><a href="index.php?imageID=2378" title="View Image Page" target="_blank">2378</a></td>
+							<td class="th" name="img/35 - Avatar/eZLPjEj6m4.jpg"><a rel="fancyboxset" href="img/35 - Avatar/eZLPjEj6m4.jpg"><img src="img/35 - Avatar/eZLPjEj6m4_th.jpg" height="55%" title="eZLPjEj6m4_th.jpg"></a></td>
+							<td class="noedit" title="Filename">eZLPjEj6m4.jpg</td>
+							<td class="editableInput" id="imageOrder" title="Order">10</td>
+							<td class="editable dark" id="imageTitle" title="Title"><i>Edit...</i></td>
+							<td class="editableInput light" id="imageDate" title="Date"><i>Edit...</i></td>
+							<td class="editable light" id="camera" title="Caption"><i>Edit...</i></td>
+							<td class="editableInput dark" id="iso" title="Dedicated image (42 / 99)"><i>Edit...</i></td>
+							<td class="editable light" id="fstop" title="Additional text"><i>Edit...</i></td>
+							<td class="editableInput" id="orientation" title="Cover"><i>Edit...</i></td>
+							<td class="editable" id="imageTags" title="Tags"><i>Edit...</i></td>
+								<td colspan="2" class="editable" id="geoCoords" title="GPS"><i>Edit...</i></td>							<td class="editableSel del" id="delete" title="Delete from DB">&nbsp;✗&nbsp;</td>
+						</tr>
+						<tr id="2378">
+							<td class="noedit">1</td>
+							<td><a href="index.php?imageID=2378" title="View Image Page" target="_blank">2378</a></td>
+							<td class="th" name="img/35 - Avatar/eZLPjEj6m4.jpg"><a rel="fancyboxset" href="img/35 - Avatar/eZLPjEj6m4.jpg"><img src="img/35 - Avatar/eZLPjEj6m4_th.jpg" height="55%" title="eZLPjEj6m4_th.jpg"></a></td>
+							<td class="noedit" title="Filename">eZLPjEj6m4.jpg</td>
+							<td class="editableInput" id="imageOrder" title="Order">10</td>
+							<td class="editable dark" id="imageTitle" title="Title"><i>Edit...</i></td>
+							<td class="editableInput light" id="imageDate" title="Date"><i>Edit...</i></td>
+							<td class="editable light" id="camera" title="Caption"><i>Edit...</i></td>
+							<td class="editableInput dark" id="iso" title="Dedicated image (42 / 99)"><i>Edit...</i></td>
+							<td class="editable light" id="fstop" title="Additional text"><i>Edit...</i></td>
+							<td class="editableInput" id="orientation" title="Cover"><i>Edit...</i></td>
+							<td class="editable" id="imageTags" title="Tags"><i>Edit...</i></td>
+								<td colspan="2" class="editable" id="geoCoords" title="GPS"><i>Edit...</i></td>							<td class="editableSel del" id="delete" title="Delete from DB">&nbsp;✗&nbsp;</td>
+						</tr>
+						<tr id="2378">
+							<td class="noedit">1</td>
+							<td><a href="index.php?imageID=2378" title="View Image Page" target="_blank">2378</a></td>
+							<td class="th" name="img/35 - Avatar/eZLPjEj6m4.jpg"><a rel="fancyboxset" href="img/35 - Avatar/eZLPjEj6m4.jpg"><img src="img/35 - Avatar/eZLPjEj6m4_th.jpg" height="55%" title="eZLPjEj6m4_th.jpg"></a></td>
+							<td class="noedit" title="Filename">eZLPjEj6m4.jpg</td>
+							<td class="editableInput" id="imageOrder" title="Order">10</td>
+							<td class="editable dark" id="imageTitle" title="Title"><i>Edit...</i></td>
+							<td class="editableInput light" id="imageDate" title="Date"><i>Edit...</i></td>
+							<td class="editable light" id="camera" title="Caption"><i>Edit...</i></td>
+							<td class="editableInput dark" id="iso" title="Dedicated image (42 / 99)"><i>Edit...</i></td>
+							<td class="editable light" id="fstop" title="Additional text"><i>Edit...</i></td>
+							<td class="editableInput" id="orientation" title="Cover"><i>Edit...</i></td>
+							<td class="editable" id="imageTags" title="Tags"><i>Edit...</i></td>
+								<td colspan="2" class="editable" id="geoCoords" title="GPS"><i>Edit...</i></td>							<td class="editableSel del" id="delete" title="Delete from DB">&nbsp;✗&nbsp;</td>
+						</tr>
+						<tr id="2378">
+							<td class="noedit">1</td>
+							<td><a href="index.php?imageID=2378" title="View Image Page" target="_blank">2378</a></td>
+							<td class="th" name="img/35 - Avatar/eZLPjEj6m4.jpg"><a rel="fancyboxset" href="img/35 - Avatar/eZLPjEj6m4.jpg"><img src="img/35 - Avatar/eZLPjEj6m4_th.jpg" height="55%" title="eZLPjEj6m4_th.jpg"></a></td>
+							<td class="noedit" title="Filename">eZLPjEj6m4.jpg</td>
+							<td class="editableInput" id="imageOrder" title="Order">10</td>
+							<td class="editable dark" id="imageTitle" title="Title"><i>Edit...</i></td>
+							<td class="editableInput light" id="imageDate" title="Date"><i>Edit...</i></td>
+							<td class="editable light" id="camera" title="Caption"><i>Edit...</i></td>
+							<td class="editableInput dark" id="iso" title="Dedicated image (42 / 99)"><i>Edit...</i></td>
+							<td class="editable light" id="fstop" title="Additional text"><i>Edit...</i></td>
+							<td class="editableInput" id="orientation" title="Cover"><i>Edit...</i></td>
+							<td class="editable" id="imageTags" title="Tags"><i>Edit...</i></td>
+								<td colspan="2" class="editable" id="geoCoords" title="GPS"><i>Edit...</i></td>							<td class="editableSel del" id="delete" title="Delete from DB">&nbsp;✗&nbsp;</td>
+						</tr>
+						<tr id="2378">
+							<td class="noedit">1</td>
+							<td><a href="index.php?imageID=2378" title="View Image Page" target="_blank">2378</a></td>
+							<td class="th" name="img/35 - Avatar/eZLPjEj6m4.jpg"><a rel="fancyboxset" href="img/35 - Avatar/eZLPjEj6m4.jpg"><img src="img/35 - Avatar/eZLPjEj6m4_th.jpg" height="55%" title="eZLPjEj6m4_th.jpg"></a></td>
+							<td class="noedit" title="Filename">eZLPjEj6m4.jpg</td>
+							<td class="editableInput" id="imageOrder" title="Order">10</td>
+							<td class="editable dark" id="imageTitle" title="Title"><i>Edit...</i></td>
+							<td class="editableInput light" id="imageDate" title="Date"><i>Edit...</i></td>
+							<td class="editable light" id="camera" title="Caption"><i>Edit...</i></td>
+							<td class="editableInput dark" id="iso" title="Dedicated image (42 / 99)"><i>Edit...</i></td>
+							<td class="editable light" id="fstop" title="Additional text"><i>Edit...</i></td>
+							<td class="editableInput" id="orientation" title="Cover"><i>Edit...</i></td>
+							<td class="editable" id="imageTags" title="Tags"><i>Edit...</i></td>
+								<td colspan="2" class="editable" id="geoCoords" title="GPS"><i>Edit...</i></td>							<td class="editableSel del" id="delete" title="Delete from DB">&nbsp;✗&nbsp;</td>
+						</tr>
+						 						<tr id="2379">
+							<td class="noedit">2</td>
+							<td><a href="index.php?imageID=2379" title="View Image Page" target="_blank">2379</a></td>
+							<td class="th" name="img/35 - Avatar/hhNU8aDhlr.jpg"><a rel="fancyboxset" href="img/35 - Avatar/hhNU8aDhlr.jpg"><img src="img/35 - Avatar/hhNU8aDhlr_th.jpg" height="55%" title="hhNU8aDhlr_th.jpg"></a></td>
+							<td class="noedit" title="Filename">hhNU8aDhlr.jpg</td>
+							<td class="editableInput" id="imageOrder" title="Order">20</td>
+							<td class="editable dark" id="imageTitle" title="Title"><i>Edit...</i></td>
+							<td class="editableInput light" id="imageDate" title="Date"><i>Edit...</i></td>
+							<td class="editable light" id="camera" title="Caption"><i>Edit...</i></td>
+							<td class="editableInput dark" id="iso" title="Dedicated image (42 / 99)"><i>Edit...</i></td>
+							<td class="editable light" id="fstop" title="Additional text"><i>Edit...</i></td>
+							<td class="editableInput" id="orientation" title="Cover"><i>Edit...</i></td>
+							<td class="editable" id="imageTags" title="Tags"><i>Edit...</i></td>
+								<td colspan="2" class="editable" id="geoCoords" title="GPS"><i>Edit...</i></td>							<td class="editableSel del" id="delete" title="Delete from DB">&nbsp;✗&nbsp;</td>
+						</tr> 						<tr id="2380">
+							<td class="noedit">3</td>
+							<td><a href="index.php?imageID=2380" title="View Image Page" target="_blank">2380</a></td>
+							<td class="th" name="img/35 - Avatar/oi3mLH18rU.jpg"><a rel="fancyboxset" href="img/35 - Avatar/oi3mLH18rU.jpg"><img src="img/35 - Avatar/oi3mLH18rU_th.jpg" height="55%" title="oi3mLH18rU_th.jpg"></a></td>
+							<td class="noedit" title="Filename">oi3mLH18rU.jpg</td>
+							<td class="editableInput" id="imageOrder" title="Order">30</td>
+							<td class="editable dark" id="imageTitle" title="Title"><i>Edit...</i></td>
+							<td class="editableInput light" id="imageDate" title="Date"><i>Edit...</i></td>
+							<td class="editable light" id="camera" title="Caption"><i>Edit...</i></td>
+							<td class="editableInput dark" id="iso" title="Dedicated image (42 / 99)"><i>Edit...</i></td>
+							<td class="editable light" id="fstop" title="Additional text"><i>Edit...</i></td>
+							<td class="editableInput" id="orientation" title="Cover"><i>Edit...</i></td>
+							<td class="editable" id="imageTags" title="Tags"><i>Edit...</i></td>
+								<td colspan="2" class="editable" id="geoCoords" title="GPS"><i>Edit...</i></td>							<td class="editableSel del" id="delete" title="Delete from DB">&nbsp;✗&nbsp;</td>
+						</tr> 						<tr id="2662">
+							<td class="noedit">4</td>
+							<td><a href="index.php?imageID=2662" title="View Image Page" target="_blank">2662</a></td>
+							<td class="th" name="img/35 - Avatar/ISeNaxDAuD.jpg"><a rel="fancyboxset" href="img/35 - Avatar/ISeNaxDAuD.jpg"><img src="img/35 - Avatar/ISeNaxDAuD_th.jpg" height="55%" title="ISeNaxDAuD_th.jpg"></a></td>
+							<td class="noedit" title="Filename">ISeNaxDAuD.jpg</td>
+							<td class="editableInput" id="imageOrder" title="Order">35</td>
+							<td class="editable dark" id="imageTitle" title="Title"><i>Edit...</i></td>
+							<td class="editableInput light" id="imageDate" title="Date"><i>Edit...</i></td>
+							<td class="editable light" id="camera" title="Caption"><i>Edit...</i></td>
+							<td class="editableInput dark" id="iso" title="Dedicated image (42 / 99)"><i>Edit...</i></td>
+							<td class="editable light" id="fstop" title="Additional text"><i>Edit...</i></td>
+							<td class="editableInput" id="orientation" title="Cover"><i>Edit...</i></td>
+							<td class="editable" id="imageTags" title="Tags"><i>Edit...</i></td>
+								<td colspan="2" class="editable" id="geoCoords" title="GPS"><i>Edit...</i></td>							<td class="editableSel del" id="delete" title="Delete from DB">&nbsp;✗&nbsp;</td>
+						</tr> 						<tr id="2381">
+							<td class="noedit">5</td>
+							<td><a href="index.php?imageID=2381" title="View Image Page" target="_blank">2381</a></td>
+							<td class="th" name="img/35 - Avatar/sVE8yTj8eM.jpg"><a rel="fancyboxset" href="img/35 - Avatar/sVE8yTj8eM.jpg"><img src="img/35 - Avatar/sVE8yTj8eM_th.jpg" height="55%" title="sVE8yTj8eM_th.jpg"></a></td>
+							<td class="noedit" title="Filename">sVE8yTj8eM.jpg</td>
+							<td class="editableInput" id="imageOrder" title="Order">40</td>
+							<td class="editable dark" id="imageTitle" title="Title"><i>Edit...</i></td>
+							<td class="editableInput light" id="imageDate" title="Date"><i>Edit...</i></td>
+							<td class="editable light" id="camera" title="Caption"><i>Edit...</i></td>
+							<td class="editableInput dark" id="iso" title="Dedicated image (42 / 99)"><i>Edit...</i></td>
+							<td class="editable light" id="fstop" title="Additional text"><i>Edit...</i></td>
+							<td class="editableInput" id="orientation" title="Cover"><i>Edit...</i></td>
+							<td class="editable" id="imageTags" title="Tags"><i>Edit...</i></td>
+								<td colspan="2" class="editable" id="geoCoords" title="GPS"><i>Edit...</i></td>							<td class="editableSel del" id="delete" title="Delete from DB">&nbsp;✗&nbsp;</td>
+						</tr> 						<tr id="2382">
+							<td class="noedit">6</td>
+							<td><a href="index.php?imageID=2382" title="View Image Page" target="_blank">2382</a></td>
+							<td class="th" name="img/35 - Avatar/y936n4wrEg.jpg"><a rel="fancyboxset" href="img/35 - Avatar/y936n4wrEg.jpg"><img src="img/35 - Avatar/y936n4wrEg_th.jpg" height="55%" title="y936n4wrEg_th.jpg"></a></td>
+							<td class="noedit" title="Filename">y936n4wrEg.jpg</td>
+							<td class="editableInput" id="imageOrder" title="Order">50</td>
+							<td class="editable dark" id="imageTitle" title="Title"><i>Edit...</i></td>
+							<td class="editableInput light" id="imageDate" title="Date"><i>Edit...</i></td>
+							<td class="editable light" id="camera" title="Caption"><i>Edit...</i></td>
+							<td class="editableInput dark" id="iso" title="Dedicated image (42 / 99)"><i>Edit...</i></td>
+							<td class="editable light" id="fstop" title="Additional text"><i>Edit...</i></td>
+							<td class="editableInput" id="orientation" title="Cover"><i>Edit...</i></td>
+							<td class="editable" id="imageTags" title="Tags"><i>Edit...</i></td>
+								<td colspan="2" class="editable" id="geoCoords" title="GPS"><i>Edit...</i></td>							<td class="editableSel del" id="delete" title="Delete from DB">&nbsp;✗&nbsp;</td>
+						</tr> </tbody></table>
+  
+</div>
\ No newline at end of file
diff --git a/tests/issue-66.html b/tests/issue-66.html
new file mode 100644
index 0000000..6f8b414
--- /dev/null
+++ b/tests/issue-66.html
@@ -0,0 +1,46 @@
+---
+layout: lite
+base_url: './../..'
+slug: tests
+issue: 66
+---
+
+<style>
+    table.floatThead-table {
+    background-color: white;
+}
+  </style>
+
+
+<script type='text/javascript'>//<![CDATA[ 
+$(function(){
+$(function(){
+$("table").floatThead({debug: true, scrollContainer: function($table){
+  return $table.parent()  
+}})
+
+})
+});//]]>  
+
+</script>
+
+<p>First cell contains text 'SHOULD SEE THIS CELL!!' - should see it ;)</p>
+<p>
+    At the same <a href="{{ site.base_url }}/tests/issue-52/">Issue 52</a> should also work
+</p>
+<br/><br/><br/><br/><br/><br/><div id='jsfiddle'>
+  <body>
+    <div style="overflow:auto; height: 200px;">
+    <table class="demo">
+                        <thead> 
+                            <tr><th colspan="3">title of the table</th></tr>
+                            <tr> <th><a href="#" id="demoHeader1">Header 1</a></th> <th><a href="#" id="demoHeader2">Header 2</a></th> <th><a href="#" id="demoHeader3">Header...3</a></th> </tr> </thead>
+                        <tbody> <tr> <td>SHOULD SEE THIS CELL!!</td> <td>Cell Content 2</td> <td>Cell Content 3</td> </tr> <tr> <td>More Cell Content 1</td> <td>More Cell Content 2</td> <td>More Cell Content 3</td> </tr> <tr> <td>Even More Cell Content 1</td> <td>Even More Cell Content 2</td> <td>Even More Cell Content 3</td> </tr> <tr> <td>And Repeat 1</td> <td>And Repeat 2</td> <td>And Repeat 3</td> </tr> <tr> <td>Cell Content 1</td> <td>Cell Content 2</td> <td>Cell Content 3</td> </tr> <tr> <td>More Cell Content 1</td> <td>More Cell Content 2</td> <td>More Cell Content 3</td> </tr> <tr> <td>Even More Cell Content 1</td> <td>Even More Cell Content 2</td> <td>Even More Cell Content 3</td> </tr> <tr> <td>And Repeat 1</td> <td>And Repeat 2</td> <td>And Repeat 3</td> </tr> <tr> <td>Cell Content 1</td> <td>Cell Content 2</td> <td>Cell Content 3</td> </tr> <tr> <td>More Cell Content 1</td> <td>More Cell Content 2</td> <td>More Cell Content 3</td> </tr> <tr> <td>Even More Cell Content 1</td> <td>Even More Cell Content 2</td> <td>Even More Cell Content 3</td> </tr> <tr> <td>And Repeat 1</td> <td>And Repeat 2</td> <td>And Repeat 3</td> </tr> <tr> <td>Cell Content 1</td> <td>Cell Content 2</td> <td>Cell Content 3</td> </tr> <tr> <td>More Cell Content 1</td> <td>More Cell Content 2</td> <td>More Cell Content 3</td> </tr> <tr> <td>Even More Cell Content 1</td> <td>Even More Cell Content 2</td> <td>Even More Cell Content 3</td> </tr> <tr> <td>And Repeat 1</td> <td>And Repeat 2</td> <td>And Repeat 3</td> </tr> <tr> <td>Cell Content 1</td> <td>Cell Content 2</td> <td>Cell Content 3</td> </tr> <tr> <td>More Cell Content 1</td> <td>More Cell Content 2</td> <td>More Cell Content 3</td> </tr> <tr> <td>Even More Cell Content 1</td> <td>Even More Cell Content 2</td> <td>Even More Cell Content 3</td> </tr></tbody>
+        </table></div>
+    <br><br>
+    Scroll that table
+  
+</body>
+
+
+</div>
\ No newline at end of file