Странное клонирование заголовка

[Webr]

Есть таблица

<table id="ComparisonTable">
<thead id="CompTableHeader">
<tr>.....</tr>
<tr>.....</tr>
<tr>.....</tr>
</thead>
<tbody>
.....
</tbody>
</table>

Есть JavaScript, с помощью которого я создаю таблицу с дубликатом заголовка и вставляю её перед основной таблицей:

function createFixedTableHeader()
{
	var table = document.getElementById("ComparisonTable");
	var thead = document.getElementById("CompTableHeader");
	if ((table)&&(thead))
	{
		var ht = document.createElement("table");
		ht.id = "HeaderTable";
		ht.className = table.className;
		ht.appendChild(thead.cloneNode(true)); //ht.innerHTML = thead.innerHTML; не работает в IE
		table.parentNode.insertBefore(ht, table);

		setHeaderTableColWidths();
		ht.style.position = "fixed";
		ht.style.top = 0;
	}
}

Потом, в событии window.onscroll пытаюсь получить thead.clientHeight.

Результаты удивляют: thead.clientHeight (т.е. общая высота заголовка основной таблицы) выдаёт число только когда отображается HeaderTable (т.е. клон-таблица), а когда у клона style.display == "none", то clientHeight заголовка основной таблицы выдаёт 0.

Я уже было подумал, что метод cloneNode не создаёт копии узлов, а просто копирует указатели, но нет, все свойства у ячеек клон-таблицы сугубо индивидуальные, и их изменение не сказывается на основной таблице.

В чём дело?

[Webr]

Вот как только спросил, так сразу и озарило:

Метод cloneNode копирует содержимое заголовка как есть, со всеми атрибутами, поэтому в документе появляются ДВА элемента thead с одинаковым id="CompTableHeader", но в разных таблицах, и DOM спокойно допускает такую ситуацию.

Потом метод

document.getElementById("CompTableHeader");

находит первый из них, а именно - заголовок клон-таблицы.

Решение:

После клонирования сделать

ht.firstChild.id = "CloneHeader";