IE often requires valid code when loading pages that have scripts on them. It may even go so far as requiring closing tags to elements that don't always require them.
Now, your menucontents.js has only one menu in it, so there will still be errors, but the one menu you have will work. Try this valid code:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>GMA Home Page</title>
<link rel="stylesheet" type="text/css" href="anylinkmenu.css">
<script type="text/javascript" src="menucontents.js"></script>
<script type="text/javascript" src="anylinkmenu.js">
/***********************************************
* AnyLink JS Drop Down Menu v2.0- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Project Page at http://www.dynamicdrive.com/dynamicindex1/dropmenuindex.htm for full source code
***********************************************/
</script>
</head>
<body bgcolor="#C2CDC6" link="#808000" vlink="#808000">
<div align="center">
<table border="0" width="981">
<tr>
<td width="251" bgcolor="#C2CDC6">
<p align="center"><img alt="" border="0" src="images/Logo/GMALogo-20-3-250.gif" width="190" height="200"></td>
<td width="411" bgcolor="#C2CDC6">
<p align="center"><img alt="" border="0" src="images/AerialView2-Wayne.jpg" width="353" height="227">
</p>
</td>
<td width="297" bgcolor="#C2CDC6" valign="top">
<img alt="" border="0" src="images/HomePage/white-carson.jpg" width="297" height="224">
</td>
</tr>
</table>
</div>
<p align="center"><b><font size="2" face="Arial">
<a href="http://www.gmarc.com" class="menuanchorclass" rel="menu99">About Us</a>
<a href="http://www.gmarc.com" class="menuanchorclass" rel="menu2" rev="lr">Members</a>
<a href="http://www.gmarc.com" class="menuanchorclass" rel="menu3" rev="lr">Events</a>
<a href="http://www.gmarc.com" class="menuanchorclass" rel="menu4" rev="lr">Safety & Rules</a>
<a href="http://www.gmarc.com" class="menuanchorclass" rel="menu5" rev="lr">Location</a>
<a href="http://www.gmarc.com" class="menuanchorclass" rel="menu6" rev="lr">News</a>
<a href="http://www.gmarc.com" class="menuanchorclass" rel="menu7" rev="lr">Forums</a>
<a href="http://www.gmarc.com" class="menuanchorclass" rel="menu8" rev="lr">Gallery</a>
<a href="http://www.gmarc.com" class="menuanchorclass" rel="menu9" rev="lr">Contacts</a>
<a href="http://www.gmarc.com" class="menuanchorclass" rel="menu10" rev="lr">Links</a></font></b>
</p>
<script type="text/javascript">
//anylinkmenu.init("menu_anchors_class")! //call this function at the very *end* of the document!
anylinkmenu.init("menuanchorclass")
</script>
</body>
</html>
Though I fixed many errors of validation in the HTML code, the most important change is the addition of the closing </p> tag (highlighted) near the end. Using p in a page is always risky where scripts are involved. It's generally a self closing tag, but if a script comes after it, browsers may become confused.
Bookmarks