how to prevent hover moving list down

I'm testing my <li></li> on IE6 and I'm having difficulty trying to prevent the list go downward once I hover for a brief here's the script (I id-ed the <li>s as li1, li2...):

				
function TopCope1(hoveritem){
	hp = document.getElementById("p1");
	//document.getElementById("myImage").src="hackanm.gif"
	// Set position of hover-over popup
	document.getElementById("li1").style.paddingTop = "25px"
	document.getElementById("li1").style.display = "block"
	document.getElementById("li1").style.width = "200px"
	document.getElementById("li1").style.zIndex = "2"
	hp.style.position = "absolute";
	hp.style.top = hoveritem.offsetTop + 40;
	hp.style.left = hoveritem.offsetLeft - 450;
	hp.style.height= 100;
	hp.style.width= 450;
	hp.style.zIndex= "3";
	hp.style.border = "dashed black 1px";
	hp.style.display = "block";
	hp.style.textAlign = "left";
	hp.style.padding = "15px";
	hp.style.backgroundColor = "#DDC4A6";
	document.getElementById("spanamazon1").style.position = "absolute";
	document.getElementById("spanamazon1").style.left = hoveritem.offsetLeft + 100;

	//hp.style.img.display = "inline";
}

Code (markup):

But if you want in detail see the attachment in html format.
Thanks.