The navagation is running diagnal, any help is appreciated in fixing it.
<style>
.menu a{
color: white;
font: 10pt Verdana,sans-serif;
}
.menu a:hover{
color: yellow;
}
.trigger th{
color: white;
font: 10pt Verdana,sans-serif;
font-weight: 700;
}
.trigger{
font: 10pt Verdana, sans-serif;
color: white;
background-color: rgb(50,50,130);
position: absolute;
padding: 2px;
width: 100;
height: 15;
z-index: 0;
cursor: pointer;
cursor: hand;
}
.menu{
font: 8pt Verdana, sans-serif;
color: white;
background-color: rgb(50,50,130);
position: absolute;
top: 23;
padding: 4px;
width: 100;
visibility: hidden;
z-index: 2;
}
.menuBar{
background-color: rgb(50,50,130);
position: relative;
top: 0;
left: 0;
height: 25;
z-index: 1;
padding: 4px;
}
</style>
<script language="JavaScript">
function menuItem(text, link){
this.text = text;
this.link = link;
}
function menuTrigger(name, text){
this.name = name;
this.text = text;
}
function menu(){
var itemArray = new Array();
var args = menu.arguments;
this.name = args[0];
this.trigger = args[1];
for(i=2; i<args.length; i++){
itemArray[i-2] = args;
}
this.menuItems = itemArray;
this.write = writeMenu;
this.position = positionMenu;
}
function writeMenu(){
var menuText = '<div id="';
menuText += this.trigger.name;
menuText += '" class="trigger" style="top: ';
menuText += this.top;
menuText += '; left: ';
menuText += this.left;
menuText += ';"';
menuText += 'onMouseOver="showMenu(\'';
menuText += this.name;
menuText += '\')" onMouseOut="hideMenu(mnuSelected)">';
menuText += '<table border="0" width="' + this.width + '">';
menuText += '<tr><th>' + this.trigger.text + '</th></tr></table></div>';
menuText += '<div id="';
menuText += this.name;
menuText += '" class="menu" style="top: ';
menuText += (this.top+23);
menuText += ';left: ';
menuText += this.left;
menuText += ';" '
menuText += 'onMouseOver="showMenu(mnuSelected)" ';
menuText += 'onMouseOut="hideMenu(mnuSelected)">';
menuText += '<table border="0" width="' + this.width + '">';
for(i=0; i<this.menuItems.length; i++){
menuText += '<tr>';
menuText += '<td onMouseOver="this.style.backgroundColor = \'red\'" onMouseOut="this.style.backgroundColor = \'\'">';
menuText += '<a href="' + this.menuItems.link + '">';
menuText += this.menuItems.text + '</a></td>';
menuText += '</tr>';
}
menuText += '</table></div>';
document.write(menuText);
document.close();
}
function positionMenu(top,left,width){
this.top = top;
this.left = left;
this.width = width;
}
var mnuSelected = '';
function showMenu(menu){
hideMenu(mnuSelected);
document.getElementById(menu).style.visibility = 'visible';
mnuSelected = menu;
}
function hideMenu(menu){
if(mnuSelected!='')
document.getElementById(menu).style.visibility = 'hidden';
}
</script>
</head>
<body bgcolor="F7F7F7" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="625" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td><table width="625" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="3" bgcolor="#000000"><img src="images/spacer.gif" width="3" height="5"></td>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="637" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="240" bgcolor="#400468">
<font FACE="TTE18B9498t00" SIZE="3" color="#FFFFFF">
<p ALIGN="center">Provided by:</p>
</font><font FACE="TTE18B9498t00" SIZE="4">
<p ALIGN="center"><font color="#FFFFFF">The Paperboy
Benefit</font></p>
<p ALIGN="center"><font color="#FFFFFF">1823 Hwy. 309 N.</font></p>
<p ALIGN="center"><font color="#FFFFFF">Byhalia, Ms. 38611</font></p>
<p ALIGN="center"><font color="#FFFFFF">662-838-8277</font></font></td>
<td width="157" bgcolor="#400468">
<img border="0" src="paperboy.JPG" width="168" height="171"></td>
<td width="240" bgcolor="#400468" align="center" valign="top">
<font FACE="TTE14FAC90t00"><font color="#FFFFFF">More
information call</font><p><font color="#FFFFFF">Glen
Thurmond</font></p>
<p><font color="#FFFFFF">901-827-0662</font></p>
<p><font color="#FFFFFF">Elizabeth Ellison</font></p>
<p><font color="#FFFFFF">901-502-9225</font></p>
</font>
<p align="center"><font size="4"> <script language="JavaScript">
<!-- Begin
var months=new Array(13);
months[1]="January";
months[2]="February";
months[3]="March";
months[4]="April";
months[5]="May";
months[6]="June";
months[7]="July";
months[8]="August";
months[9]="September";
months[10]="October";
months[11]="November";
months[12]="December";
var time=new Date();
var lmonth=months[time.getMonth() + 1];
var date=time.getDate();
var year=time.getYear();
if (year < 2000) // Y2K Fix, Isaac Powell
year = year + 1900; // document.write('<FONT COLOR="white">');
document.write("<right>" + lmonth + " ");
document.write(date + ", " + year + "</right>");
document.write('<FONT>');
// End -->
</script> </font>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table width="625" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div id="menuBar" class="menuBar"></div>
<script language="JavaScript">
if(document.all){
aWidth = 625;
document.getElementById('menuBar').style.width = aWidth;
}else{
aWidth = innerWidth;
document.getElementById('menuBar').style.width = aWidth-8;
}
var mnuAbout = new menu('mnuAbout',new menuTrigger('trgAbout','About Us'),new menuItem('About1','#'),new menuItem('About2','#'),new menuItem('About3','#'));
mnuAbout.position(0,(aWidth/2-200),100);
mnuAbout.write();
var mnuServices = new menu('mnuServices',new menuTrigger('trgServices','Services'),new menuItem('Services1','#'),new menuItem('Services2','#'),new menuItem('Services3','#'));
mnuServices.position(0,(aWidth/2-100),100);
mnuServices.write();
var mnuSamples = new menu('mnuSamples',new menuTrigger('trgSamples','Samples'),new menuItem('Samples1','#'),new menuItem('Samples2','#'),new menuItem('Samples3','#'));
mnuSamples.position(0,(aWidth/2),100);
mnuSamples.write();
var mnuContact = new menu('mnuContact',new menuTrigger('trgContact','Contact Us'),new menuItem('Contact1','#'),new menuItem('Contact2','#'),new menuItem('Contact3','#'));
mnuContact.position(0,(aWidth/2+100),100);
mnuContact.write();
</script>
</td>
</tr>
</table>
<style>
.menu a{
color: white;
font: 10pt Verdana,sans-serif;
}
.menu a:hover{
color: yellow;
}
.trigger th{
color: white;
font: 10pt Verdana,sans-serif;
font-weight: 700;
}
.trigger{
font: 10pt Verdana, sans-serif;
color: white;
background-color: rgb(50,50,130);
position: absolute;
padding: 2px;
width: 100;
height: 15;
z-index: 0;
cursor: pointer;
cursor: hand;
}
.menu{
font: 8pt Verdana, sans-serif;
color: white;
background-color: rgb(50,50,130);
position: absolute;
top: 23;
padding: 4px;
width: 100;
visibility: hidden;
z-index: 2;
}
.menuBar{
background-color: rgb(50,50,130);
position: relative;
top: 0;
left: 0;
height: 25;
z-index: 1;
padding: 4px;
}
</style>
<script language="JavaScript">
function menuItem(text, link){
this.text = text;
this.link = link;
}
function menuTrigger(name, text){
this.name = name;
this.text = text;
}
function menu(){
var itemArray = new Array();
var args = menu.arguments;
this.name = args[0];
this.trigger = args[1];
for(i=2; i<args.length; i++){
itemArray[i-2] = args;
}
this.menuItems = itemArray;
this.write = writeMenu;
this.position = positionMenu;
}
function writeMenu(){
var menuText = '<div id="';
menuText += this.trigger.name;
menuText += '" class="trigger" style="top: ';
menuText += this.top;
menuText += '; left: ';
menuText += this.left;
menuText += ';"';
menuText += 'onMouseOver="showMenu(\'';
menuText += this.name;
menuText += '\')" onMouseOut="hideMenu(mnuSelected)">';
menuText += '<table border="0" width="' + this.width + '">';
menuText += '<tr><th>' + this.trigger.text + '</th></tr></table></div>';
menuText += '<div id="';
menuText += this.name;
menuText += '" class="menu" style="top: ';
menuText += (this.top+23);
menuText += ';left: ';
menuText += this.left;
menuText += ';" '
menuText += 'onMouseOver="showMenu(mnuSelected)" ';
menuText += 'onMouseOut="hideMenu(mnuSelected)">';
menuText += '<table border="0" width="' + this.width + '">';
for(i=0; i<this.menuItems.length; i++){
menuText += '<tr>';
menuText += '<td onMouseOver="this.style.backgroundColor = \'red\'" onMouseOut="this.style.backgroundColor = \'\'">';
menuText += '<a href="' + this.menuItems.link + '">';
menuText += this.menuItems.text + '</a></td>';
menuText += '</tr>';
}
menuText += '</table></div>';
document.write(menuText);
document.close();
}
function positionMenu(top,left,width){
this.top = top;
this.left = left;
this.width = width;
}
var mnuSelected = '';
function showMenu(menu){
hideMenu(mnuSelected);
document.getElementById(menu).style.visibility = 'visible';
mnuSelected = menu;
}
function hideMenu(menu){
if(mnuSelected!='')
document.getElementById(menu).style.visibility = 'hidden';
}
</script>
</head>
<body bgcolor="F7F7F7" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="625" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td><table width="625" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="3" bgcolor="#000000"><img src="images/spacer.gif" width="3" height="5"></td>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="637" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="240" bgcolor="#400468">
<font FACE="TTE18B9498t00" SIZE="3" color="#FFFFFF">
<p ALIGN="center">Provided by:</p>
</font><font FACE="TTE18B9498t00" SIZE="4">
<p ALIGN="center"><font color="#FFFFFF">The Paperboy
Benefit</font></p>
<p ALIGN="center"><font color="#FFFFFF">1823 Hwy. 309 N.</font></p>
<p ALIGN="center"><font color="#FFFFFF">Byhalia, Ms. 38611</font></p>
<p ALIGN="center"><font color="#FFFFFF">662-838-8277</font></font></td>
<td width="157" bgcolor="#400468">
<img border="0" src="paperboy.JPG" width="168" height="171"></td>
<td width="240" bgcolor="#400468" align="center" valign="top">
<font FACE="TTE14FAC90t00"><font color="#FFFFFF">More
information call</font><p><font color="#FFFFFF">Glen
Thurmond</font></p>
<p><font color="#FFFFFF">901-827-0662</font></p>
<p><font color="#FFFFFF">Elizabeth Ellison</font></p>
<p><font color="#FFFFFF">901-502-9225</font></p>
</font>
<p align="center"><font size="4"> <script language="JavaScript">
<!-- Begin
var months=new Array(13);
months[1]="January";
months[2]="February";
months[3]="March";
months[4]="April";
months[5]="May";
months[6]="June";
months[7]="July";
months[8]="August";
months[9]="September";
months[10]="October";
months[11]="November";
months[12]="December";
var time=new Date();
var lmonth=months[time.getMonth() + 1];
var date=time.getDate();
var year=time.getYear();
if (year < 2000) // Y2K Fix, Isaac Powell
year = year + 1900; // document.write('<FONT COLOR="white">');
document.write("<right>" + lmonth + " ");
document.write(date + ", " + year + "</right>");
document.write('<FONT>');
// End -->
</script> </font>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table width="625" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div id="menuBar" class="menuBar"></div>
<script language="JavaScript">
if(document.all){
aWidth = 625;
document.getElementById('menuBar').style.width = aWidth;
}else{
aWidth = innerWidth;
document.getElementById('menuBar').style.width = aWidth-8;
}
var mnuAbout = new menu('mnuAbout',new menuTrigger('trgAbout','About Us'),new menuItem('About1','#'),new menuItem('About2','#'),new menuItem('About3','#'));
mnuAbout.position(0,(aWidth/2-200),100);
mnuAbout.write();
var mnuServices = new menu('mnuServices',new menuTrigger('trgServices','Services'),new menuItem('Services1','#'),new menuItem('Services2','#'),new menuItem('Services3','#'));
mnuServices.position(0,(aWidth/2-100),100);
mnuServices.write();
var mnuSamples = new menu('mnuSamples',new menuTrigger('trgSamples','Samples'),new menuItem('Samples1','#'),new menuItem('Samples2','#'),new menuItem('Samples3','#'));
mnuSamples.position(0,(aWidth/2),100);
mnuSamples.write();
var mnuContact = new menu('mnuContact',new menuTrigger('trgContact','Contact Us'),new menuItem('Contact1','#'),new menuItem('Contact2','#'),new menuItem('Contact3','#'));
mnuContact.position(0,(aWidth/2+100),100);
mnuContact.write();
</script>
</td>
</tr>
</table>