Can you show us the whole page? (post a link)
ok....
here is the html with the javascript in place and working.
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<!-- InstanceBegin template="/templates/index.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<!-- InstanceBeginEditable name="doctitle" -->
<title>INDEX</title>
<!-- InstanceEndEditable -->
<!-- InstanceEndEditable name="head"--><!-- InstanceEndEditable -->
<script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('menu'+i)) {document.getElementById('menu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
//-->
</script>
<link rel="stylesheet" type="text/css" href="style/menu.css"/>
<link rel="stylesheet" type="text/css" href="style/content.css"/>
<!-- InstanceEndEditable -->
</head>
<body>
<div id="header"><img src="images/header.gif" height="96" width="800"></div>
<!-- InstanceEndEditable -->
<div id="menu">
<dl>
<dt class="about" onMouseOver="javascript:montre('menu1');"><a href="/about/" class="about">About Us</a></dt>
<dd style="display: none;" id="menu1">
<ul>
<li class="aboutlink"><a href="">1</a></li>
<li class="aboutlink"><a href="">2</a></li>
<li class="aboutlink"><a href="">3</a></li>
<li class="aboutlink"><a href="">4</a></li>
<li class="aboutlink"><a href="">5</a></li>
<li class="aboutlink"><a href="">6</a></li>
<li class="aboutlink"><a href="">7</a></li>
<li class="aboutlink"><a href="">8</a></li>
</ul>
</dd>
</dl>
<dl>
<dt class="investment" onMouseOver="javascript:montre('menu2');"><a href="/investments/" class="investment">Investments</a></dt>
<dd style="display: none;" id="menu2">
<ul>
<li class="investmentlink"><a href="">1</a></li>
<li class="investmentlink"><a href="">2</a></li>
<li class="investmentlink"><a href="">3</a></li>
<li class="investmentlink"><a href="">4</a></li>
<li class="investmentlink"><a href="">5</a></li>
</ul>
</dd>
</dl>
<dl>
<dt class="forms" onMouseOver="javascript:montre('menu3');"><a href="/forms/" class="forms">Forms</a></dt>
<dd style="display: none;" id="menu3">
<ul>
<li class="formslink"><a href="">1</a></li>
<li class="formslink"><a href="">2</a></li>
<li class="formslink"><a href="">3</a></li>
<li class="formslink"><a href="">4</a></li>
<li class="formslink"><a href="">5</a></li>
</ul>
</dd>
</dl>
<dl>
<dt class="retire" onMouseOver="javascript:montre('menu4');"><a href="/retirement/" class="retire">Retirement Seminars</a></dt>
<dd style="display: none;" id="menu4">
<ul>
<li class="retirelink"><a href="">1</a></li>
<li class="retirelink"><a href="">2</a></li>
<li class="retirelink"><a href="">3</a></li>
<li class="retirelink"><a href="">4</a></li>
<li class="retirelink"><a href="">5</a></li>
</ul>
</dd>
</dl>
<dl>
<dt class="links" onMouseOver="javascript:montre('menu5');"><a href="/links/index.htm" class="links">Links</a></dt>
</dl>
</div>
<div id="content">
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="content" -->
<table width="100%" border="0" cellspacing="2" cellpadding="2">
<tr>
<td></td>
</tr>
</table>
<!-- InstanceEndEditable -->
<div id="footer">
Footer Links
<!-- InstanceEndEditable -->
</body>
<!-- InstanceEnd -->
</html>