Hello,
i am trying to have the second level menu when you mouse over it, appear in the same format as the main menu. The main one has a collapsable border and is within cells of a table. I would like to have the tab menu appear the same way. I appreciate any help. Below is the code.

Thanks,
Dave

<table border="0" width="720" style="border-collapse: collapse" cellpadding="0">
<tr>
<td valign="top">
<p align="center">
<font face="Verdana,Arial,Helvetica">
<!--Links used to initiate the sub menus. Pass in the desired submenu index numbers (ie: 0, 1) -->
<b>

<table border="1" width="100%" bgcolor="<%=CoColor%>" style="border-collapse: collapse">
<tr>
<td align="center" width="20%"><b><a onMouseover="showit(0)">
<font size="2" color="#EBEBEB">Manage Sales</font></a></b></td>
<td align="center" width="20%"><b><a onMouseover="showit(1)">
<font size="2" color="#EBEBEB" size="2">Deals</font></a></b></td>
<td align="center" width="20%"><b><a onMouseover="showit(2)">
<font size="2" color="#EBEBEB" size="2">Inventory</font></a></b></td>
<td align="center" width="20%"><b><a onMouseover="showit(3)">
<font size="2" color="#EBEBEB">Marketing</font></a></b></td>
<td align="center" width="20%"><b><a onMouseover="showit(4)">
<font size="2" color="#EBEBEB">Admin</font></a></b></td>
</tr>
</table>



<!-- Edit the dimensions of the below, plus background color-->
<ilayer width=720 height=32 name="dep1" bgColor="<%=CoColor%>">

<layer name="dep2" width=720 height=32>
</layer>
</ilayer>
<div id="describe" style="background-color:#EBEBEB;width:720px;height:32px" onMouseover="clear_delayhide()" onMouseout="resetit(event)"></div>


<script language="JavaScript1.2">

/*
Tabs Menu (mouseover)- By Dynamic Drive
For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
This credit MUST stay intact for use
*/

var submenu=new Array()

//Set submenu contents. Expand as needed. For each content, make sure everything exists on ONE LINE. Otherwise, there will be JS errors.

submenu[0]='<font size="2" face="Verdana" color="#000080"><b><a href="SalesActivityMan.asp">Sales Reports</a> | <a href="ReportsActivity.asp">Activity Reports</a> | <a href="evaluateSales.asp">Training</a> | <a href="editGoals.asp">Goals</a> | <a href="RawDataAssignSearch.asp">Registrations</a> | <a href="RawDataReAssignSelectInd.asp">Ind Registrations</a> | <a href="../Email/email.asp">Email</a></b></font>'

submenu[1]='<font size="2" face="Verdana" color="#000080"><b><a href="AnalysisM.asp">Complete Deal</a> | <a href="truckNeedsSelect.asp">Future Truck Needs</a> | <a href="allQuotes.asp">Open Quotes</a></b></font>'

submenu[2]='<font size="2" face="Verdana" color="#000080"><b><a href="appraisalListM.asp">Appraisal into Inventory</a> | <a href="inventoryAddIn.asp">Add Inventory</a> | <a href="inventoryListManage.asp">Edit Inventory</a> | <a href="inventoryListAged.asp">Aged Inventory Report</a></b></font>'

submenu[3]='<font size="2" face="Verdana" color="#000080"><b><a href="marketShare.asp">Market Overview</a> | <a href="marketShare.asp">Marketing Schedule</a> | <a href="marketShare.asp">Referral Results</a> | <a href="marketShare.asp">Advertise</a> | <a href="marketShare.asp">Sales Blitz</a> | <a href="leadsReview.asp">Telemarketing</a></b></font>'

submenu[4]='<font size="2" face="Verdana" color="#000080"><b><a href="addUser.asp">Add User</a> | <a href="editUser.asp">Edit User</a> | <a href="typeRevise.asp">Define Drop Down Menus</a> | <a href="../ControlPanel/Welcome.asp">Control Panel</a> | <a href="PartsConsume.asp">Parts Consumption</a></b></font>'

//Set delay before submenu disappears after mouse moves out of it (in milliseconds)
var delay_hide=450

/////No need to edit beyond here

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>