tblStyle = {
		position : 'absolute',
		display : 'none',
		opacity : '0',
		filter : 'alpha(opacity=0)',
		fontFamily : pr_font,
		fontSize : '11px',
		color : pr_font_color,
		border : '0px'
	}
	
    // создаем саму подсказку
	this.table = document.createElement('table');
	
	for(var z in tblStyle) {
	    this.table.style[z] = tblStyle[z];
	}
	
	for(var i = 0; i < 2; i++) {
	    this.table.insertRow(i);
		
		for(var a = 0; a < 4; a++) {
		    this.table.rows[i].insertCell(a);
		}
	}
	
	this.table.rows[0].cells[1].colSpan = 2;
	this.table.rows[0].deleteCell(2);
	this.table.cellSpacing = 0;
	this.table.cellPadding = 0;
	
	var cell = this.table.rows[0].cells[0];
	cell.style.width = '4px';
	(img = new Image()).src = pr_bg_dir + pr_kind + '/borderLeft.gif';
	cell.appendChild(img);
	
	var cell = this.table.rows[0].cells[1];
	cell.align = 'center';
	cell.style.backgroundImage = 'url(' + pr_bg_dir + pr_kind + '/centerLine.gif)';
	cell.style.backgroundPosition = 'top left';
	cell.style.backgroundRepeat = 'repeat-x';
	
	var cell = this.table.rows[0].cells[2];
	cell.style.width = '8px';
	(img = new Image()).src = pr_bg_dir + pr_kind + '/borderRight.gif';
	cell.appendChild(img);
	
	var cell = this.table.rows[1].cells[0];
	cell.style.width = '4px';
	cell.align = 'left';
	cell.style.verticalAlign = 'top';
	(img = new Image()).src = pr_bg_dir + pr_kind + '/borderLeftBottom.gif';
	cell.appendChild(img);
	
	var cell = this.table.rows[1].cells[1];
	cell.style.width = '33px';
	cell.align = 'left';
	cell.style.verticalAlign = 'top';
	(img = new Image()).src = pr_bg_dir + pr_kind + '/bottom.gif';
	cell.appendChild(img);
	
	var cell = this.table.rows[1].cells[2];
	cell.style.backgroundImage = 'url(' + pr_bg_dir + pr_kind + '/bottomLine.gif)';
	cell.style.backgroundPosition = 'top';
	cell.style.backgroundRepeat = 'repeat-x';
	
	var cell = this.table.rows[1].cells[3];
	cell.style.width = '8px';
	cell.align = 'left';
	cell.style.verticalAlign = 'top';
	(img = new Image()).src = pr_bg_dir + pr_kind + '/borderRightBottom.gif';
	cell.appendChild(img);
	
	document.body.appendChild(this.table);

var f = new DocumentFragment(); // или div
    // если с DocumentFragment такое не прокатит
f.innerHTML = '<table ...>'+
                  '<tr><td>...'+
                  '<tr><td>...'+
              '</table>';

var f = new DocumentFragment();

var f = document.createDocumentFragment();