Hi Eric,
You shortened up the code a bit for me but the problem still persists. Here's the code I have :
< html>
< head>
< title>Untitled Document</title>
< style>
.navButtons {font-size: 9pt; font-weight: bold; color: 2222AA}
#NAMenu {position: absolute; visibility: hidden; z-order: 100}
#CALUpdate {position: absolute; visibility: hidden; z-order: 101}
#layer2 {position: absolute; z-order: 2; top: 15; left: 30; color: #202077; font-weight: bold}
#layer1 {position: absolute; z-order: 1; top: 20; left: 40; color: #F3F3FF; font-weight: bold}
#layer100 {position: relative; z-order: 3}
#layer101 {position: relative; z-order: 4}
</style>
<script language="javascript">
var openSub = "";
var ErrorGapX = 10;
var ErrorGapY = 13;
function ErrorPosition (ErrorElement) {
ErrorPosX = ErrorElement.offsetLeft;
ErrorPosY = ErrorElement.offsetTop;
ErrorWidth = ErrorElement.clientWidth;
if (!ErrorWidth) {
ErrorWidth = ErrorElement.offsetWidth;
}
TheElement = ErrorElement.offsetParent;
while (TheElement != null) {
ErrorPosX += TheElement.offsetLeft;
ErrorPosY += TheElement.offsetTop;
TheElement = TheElement.offsetParent;
}
ErrorPosX += ErrorGapX;
ErrorPosY += ErrorGapY;
return ErrorPosX + "|" + ErrorPosY;
}
function ShowMenu (parentElem, subElement) {
if (openSub) {
HideSub(openSub);
}
thePos = ErrorPosition(parentElem).split("|");
document.getElementById(subElement).style.left = thePos[0];
document.getElementById(subElement).style.top = thePos[1];
document.getElementById(subElement).style.visibility = "visible";
openSub = document.getElementById(subElement);
}
function HideSub (xElem) {
xElem.style.visibility = "Hidden";
openSub = "";
}
</script>
</head>
< body style="background-color: #AAAAFF">
< form name="ExampleMenu" action="Outline.htm" method="post">
< div align="center" id="layer1">Company Name</div>
< div align="center" id="layer2">Company Name</div>
<div id="layer100">
<table width="100%" cellpadding=0 cellspacing=0 border=1>
<tr width="100%">
<th width="1%"></th>
<th width="17%"></th>
<th width="1%"></th>
<th width="17%"></th>
<th width="1%"></th>
<th width="17%"></th>
<th width="1%"></th>
<th width="17%"></th>
<th width="1%"></th>
<th width="17%"></th>
<th width="1%"></th>
</tr>
<tr>
<td colspan=10 align="right">Clerk : <b>Guest</b></td>
</tr>
<tr height=10>
<td></td>
</tr>
<tr>
<td align="center" colspan=10 style="font-size: 26pt; font-weight: bold; color: #202077">Application Name</td>
</tr>
<tr height=10>
<td></td>
</tr>
<tr align="center" width="100%" valign="center" height="20">
<td></td>
<td style="background-color: #CCCCDD; font-weight: bold; font-size: 10pt" onmou$eover='ShowMenu(this,"CALUpdate");' onMou$eOut="hideMenu('CALUpdate');">Calendar
Update</td>
<td></td>
<td style="background-color: #CCCCDD; font-weight: bold; font-size: 10pt" onmou$eover='ShowMenu(this,"NAMenu");' onMou$eOut="hideMenu('NAMenu');">Name
& Address</td>
<td></td>
<td style="background-color: #CCCCDD; font-weight: bold; font-size: 10pt">
Word Processor</td>
<td></td>
<td style="background-color: #CCCCDD; font-weight: bold; font-size: 10pt">Calculator</td>
<td></td>
<td style="background-color: #CCCCDD; font-weight: bold; font-size: 10pt">Printer
Group Maintenance</td>
<td></td>
</tr>
<tr height=15>
<td></td>
</tr>
</table>
<table width="100%" cellspacing=0 cellpadding=0 border=1>
<tr height=400>
<td></td>
</tr>
</table>
</div>
<center>
<input type="hidden" name="Parent" value="">
<input type="hidden" name="SubMenu" value="">
<div id="CALUpdate" onmou$eout="HideSub(this)" >
<table cellspacing=0 cellpadding=0 width=200 border=1>
<tr><td style="font-size: 10pt; background-color: FF6666">Calendar Inquiry</td></tr>
<tr><td style="font-size: 10pt; background-color: FF6666">Print Monthly Calendar</td></tr>
<tr><td style="font-size: 10pt; background-color: FF6666">Calendar Update</td></tr>
<tr><td style="font-size: 10pt; background-color: FF6666">Comings & Goings</td></tr>
<tr><td style="font-size: 10pt; background-color: FF6666">Group Code Update</td></tr>
<tr><td style="font-size: 10pt; background-color: FF6666">Telephone Call Maintenance</td></tr>
<tr><td style="font-size: 10pt; background-color: FF6666">Personal Manager</td></tr>
<tr><td style="font-size: 10pt; background-color: FF6666">Print Action List</td></tr>
<tr><td style="font-size: 10pt; background-color: FF6666">PM Reporting</td></tr>
</table>
</div>
<div id="NAMenu" onmou$eout="HideSub(this)" >
<table cellspacing=0 cellpadding=0 width=200 border=1>
<tr><td style="font-size: 10pt; background-color: FF6666">Maintain Name & Address Records</td></tr>
<tr><td style="font-size: 10pt; background-color: FF6666">N & A Inquiry</td></tr>
<tr><td style="font-size: 10pt; background-color: FF6666">N & A Dictionary Maintenance</td></tr>
<tr><td style="font-size: 10pt; background-color: FF6666">Spooler Control Menu</td></tr>
<tr><td style="font-size: 10pt; background-color: FF6666">List N & A Files</td></tr>
<tr><td style="font-size: 10pt; background-color: FF6666">Change Working Parameters</td></tr>
<tr><td style="font-size: 10pt; background-color: FF6666">N & A Reporting</td></tr>
</table>
</div>
</form>
</body>
</html>
I'd greatly appreciate it if you could take a look at this code and let me know what the heck the problem is. Really appreciate this. Thanks again.
Rob