Do you mean the html code for my menu?
Yes and also the CSS and the Javascript part. Anyway I've attached a test page based on your code pasted here. Looking at the CSS I see a relevant difference between the file currently online and the version pasted here. Which we should consider? The version you pasted here works fine. Just check the example page attached or test this code (which is the same):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Chamber</title>
<base href="http://www.ofallonchamber.com/" />
<script type="text/javascript" src="/SpryAssets/SpryMenuBar.js"></script>
<style>
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
cursor: default;
white-space: nowrap;
display: inline;
position: relative;
list-style-type: none;
font-size: 100%;
padding: 0px;
margin-top: auto;
margin-right: 0px;
margin-bottom: auto;
margin-left: 0px;
clear: none;
float: left;
width: auto;
height: auto;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
text-align: left;
cursor: default;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif, Biondi;
font-weight: bolder;
font-style: normal;
font-size: 100%;
white-space: nowrap;
display: inline;
clear: none;
line-height: 6px;
border: 2.4px outset #6688B5;
padding: 0px;
position: relative;
margin: 0px;
float: left;
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but …