border forsvinner under javascript onmouseover

<td width="90%" style="border-top:1px solid #000000;border-bottom:1px solid #000000;" id="describe" colspan="6" onMouseover="clear_delayhide()" onMouseout="resetit(event)" bgcolor="#CCCCCC" align="center">


<script language="JavaScript1.2">



var submenu=new Array()



submenu[1]='<table cellspacing="0" cellpadding="0" style="border-collapse: collapse"><tr><td width="50"><font face="Verdana" size="1" color="#000000"><b>Sport</td><td width="75"><font face="Verdana" size="1" color="#000000"><b>TV / Film</td><td width="50"><font face="Verdana" size="1" color="#000000"><b>Data</td><td width="50"><font face="Verdana" size="1" color="#000000"><b>Diverse</td></tr></table>'
submenu[2]='<table cellspacing="0" cellpadding="0" style="border-collapse: collapse"><tr><td width="50"><font face="Verdana" size="1" color="#000000"><b>Action</td><td width="75"><font face="Verdana" size="1" color="#000000"><b>Hjernetrim</td><td width="50"><font face="Verdana" size="1" color="#000000"><b>Sport</td><td width="50"><font face="Verdana" size="1" color="#000000"><b>Reaksjon</td></tr></table>'
submenu[3]='<table cellspacing="0" cellpadding="0" style="border-collapse: collapse"><tr><td width="50"><font face="Verdana" size="1" color="#000000"><b>Sport</td><td width="75"><font face="Verdana" size="1" color="#000000"><b>TV / Film</td><td width="50"><font face="Verdana" size="1" color="#000000"><b>Data</td><td width="50"><font face="Verdana" size="1" color="#000000"><b>Diverse</td></tr></table>'
submenu[4]='<table cellspacing="0" cellpadding="0" style="border-collapse: collapse"><tr><td width="50"><font face="Verdana" size="1" color="#000000"><b>Sport</td><td width="75"><font face="Verdana" size="1" color="#000000"><b>TV / Film</td><td width="50"><font face="Verdana" size="1" color="#000000"><b>Data</td><td width="50"><font face="Verdana" size="1" color="#000000"><b>Diverse</td></tr></table>'
submenu[5]='<table cellspacing="0" cellpadding="0" style="border-collapse: collapse"><tr><td width="50"><font face="Verdana" size="1" color="#000000"><b>Sport</td><td width="75"><font face="Verdana" size="1" color="#000000"><b>TV / Film</td><td width="50"><font face="Verdana" size="1" color="#000000"><b>Data</td><td width="50"><font face="Verdana" size="1" color="#000000"><b>Diverse</td></tr></table>'



var delay_hide=500


var menuobj=document.getElementById? document.getElementById("describe") : document.all? document.all.describe : document.layers? document.dep1.document.dep2 : ""

function showit(which){
clear_delayhide()
thecontent=(which==-1)? "" : submenu[which]
if (document.getElementById||document.all)
menuobj.innerHTML=thecontent
else if (document.layers){
menuobj.document.write(thecontent)
menuobj.document.close()
}
}

function resetit(e){
if (document.all&&!menuobj.contains(e.toElement))
delayhide=setTimeout("showit(-1)",delay_hide)
else if (document.getElementById&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
delayhide=setTimeout("showit(-1)",delay_hide)
}

function clear_delayhide(){
if (window.delayhide)
clearTimeout(delayhide)
}

function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}

</script>


--------------------------------------------


Borderen er borte når jeg oppdaterer siden, men når jeg fører musen over så kommer border-en fram, men IGJEN når jeg tar musen bort forsvinner borderen....hvorfor?

det er denne borderen jeg snakker om:
<td width="90%" style="border-top:1px solid #000000;border-bottom:1px solid #000000;" id="describe" colspan="6" onMouseover="clear_delayhide()" onMouseout="resetit(event)" bgcolor="#CCCCCC" align="center">