一个JS导航效果怎么改？

这个效果是鼠标移到所有商品分类时候弹出分类层，现在怎么使层的左边框与“所有商品分类”对齐，怎么改啊，是改CSS还是JS？？？？
下面是JS里面代码：var objElement=document.getElementById("text_categories");
var objLayer=document.getElementById("layer_categories");
var objLayerContent=document.getElementById("categoriescontent")
var objLayerMask=document.getElementById("layer_mask")
var lt,ll,lw,lh,mw,mh,et,el,eflag,mflag,dflag;
lt=0;
ll=0;
lw=0;
lh=0;
mw=0;
mh=0;
eflag=false;
mflag=false;
if(document.addEventListener){
objElement.addEventListener("mouseover",ShowCategories,false);
objElement.addEventListener("mouseout",HideCategories,false);
objLayer.addEventListener("mouseover",LayerOver,false);
objLayer.addEventListener("mouseout",HideCategories,false);
}
else if(document.attachEvent){
objElement.attachEvent("onmouseover",ShowCategories,false);
objElement.attachEvent("onmouseout",ElementOut,false);
objLayer.attachEvent("onmouseover",LayerOver,false);
objLayer.attachEvent("onmouseout",IELayerOut,false);
}
function ShowCategories(){
mflag=true;
if (mw==0){mw=mw=objLayer.offsetWidth;}
if (mh==0){
switch(browserVersion){
case "ie7":
mh=objLayer.offsetHeight-70;
break;
case "ie6":
mh=objLayer.offsetHeight-85;
break;
default:
mh=objLayer.offsetHeight-60;
break;
}

}
el=getElementPoint(objElement).x;
et=getElementPoint(objElement).y;
ll=el-250;
lt=et+15;
objLayer.style.visibility="visible";
with(objLayerMask.style){
top=parseInt(lt+10)+"px";
left=parseInt(ll+10)+"px";
width=mw+"px";
switch(browserVersion){
case "ie7":
height=mh+"px";
break;
case "ie6":
height=mh+19+"px";
break;
default:
height=mh+"px";
break;
}
}
if (!eflag&&!dflag){
objLayer.style.top=lt+"px";
objLayer.style.left=el+"px";
ZoomIn();
}
}
function ZoomIn(){
eflag=true;
lw+=100;
lh+=100;
with(objLayer.style){
if (lw>=mw||lh>=mh){
width=mw+"px";
height=mh+"px";
top=lt+"px";
left=ll+"px";
window.clearTimeout(timer1);
objLayerContent.style.display="block";
objLayerMask.style.visibility="visible";
lw=0;
lh=0;
dflag=true;
eflag=false;
}
else{
objLayerContent.style.display="none";
width=lw+"px";
height=lh+"px";
timer1=window.setTimeout("ZoomIn()","10");
left=(parseInt(left)-50)+"px";
}
}
}
function ZoomOut(flag){
if (flag==1){
if (eflag){return;}
}
eflag=true;
with(objLayer.style){
lw=parseInt(width)-100;
lh=parseInt(height)-100;
if (lw<=0||lh<=0){
if (mflag){
width=mw+"px";
height=mh+"px";
top=lt+"px";
left=ll+"px";
lw=0;
lh=0;
objLayerContent.style.display="block";
objLayerMask.style.visibility="visible";
window.clearTimeout(timer1);
return;
}
objLayerContent.style.display="block";
width="0px";
height="0px";
top=et+"px";
left=el+"px";
visibility="hidden";
lw=0;
lh=0;
eflag=false;
dflag=false;
/*ctlreset();*/
window.clearTimeout(timer1);
}
else{
width=lw+"px";
height=lh+"px";
left=(parseInt(left)+50)+"px";
objLayerContent.style.display="none";
objLayerMask.style.visibility="hidden";
timer1=window.setTimeout("ZoomOut(0)","10");
}
}
}
function IELayerOut(){
event.cancelBubble=true;
eflag=false;
setTimeout("ZoomOut(1)","600");
}
function ElementOut(){
mflag=false;
HideCategories();
}
function LayerOver(){
eflag=true;
}
function LayerOut(){
eflag=false;
ZoomOut(0);
}
function HideCategories(){
eflag=false;
mflag=false;
setTimeout("ZoomOut(1)","600")
}