0

My spry menu is going too far to the left when it's displayed in a browser. In Dreamweaver it looks just fine. I was making other adjustments and do not know how it changed. I've done some changes after looking up things to try and get it back, but nothing has worked. Here is the link and my code.

http://www.ofallonchamber.com/index.html

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal

    #centered_MenuBar{
    }
{
    cursor: default;
    white-space: nowrap;
    display: inline;
    position: relative;
    list-style-type: none;
    font-size: 100%;
    padding: 0px;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    width: 960px;
    float: left;
    clear: none;
}
/* 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: center;
    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;
    margin: 0px;
    padding: 0px;
    position: relative;
    float: left;
    width: auto;
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    z-index: 1020;
    cursor: default;
    left: 1000em;
    position: absolute;

}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
    left: auto;
    top: 0px;
    float: left;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
    text-align: left;
    white-space: nowrap;
    display: block;
    font-size: 100%;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif, Biondi;
    font-style: normal;
    line-height: 6px;
    font-weight: bolder;
    text-transform: none;
    background-color: #F5F5F5;
    padding: 0px;
    margin: 0px;
    float: none;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
    margin-top: -5%;
    margin-right: 0%;
    margin-bottom: 0;
    margin-left: 95%;
    padding: 0px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    position: absolute;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
    left: auto;
    top: 0;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{
    padding: 0px;
    margin: 0px;


}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
    display: block;
    cursor: pointer;
    color: #FFF;
    text-align: left;
    white-space: nowrap;
    text-decoration: none;
    font-size: 100%;
    background-color: #3768A0;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    margin-top: 0px;
    margin-right: 3px;
    margin-bottom: 0px;
    margin-left: 2px;
    padding: 6.4px;
    float: none;
    width: auto;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{


}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{


}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
    background-image: none;
    background-position: 95% 50%;
}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
    background-image: url(SpryMenuBarRightHover.gif);
    background-position: 95% 50%;
    background-repeat: no-repeat;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
    background-image: none;
    background-position: 95% 50%;
    color: #021844;
    background-color: #FFF;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
    background-image: url(SpryMenuBarRightHover.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
    z-index: 1010;


    filter:alpha(opacity:0.1);
    padding: 0px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    position: absolute;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
}

Edited by moregraphics: Added more explination

Votes + Comments
bad question...
5
Contributors
20
Replies
56
Views
4 Years
Discussion Span
Last Post by moregraphics
0

I see it in the right side of the page, not to the left. Anyway you could add an id to the td tag containing the menu, declare it as position:relative and then set top and left for ul.MenuBarHorizontal basing on the parent position, so:

#mymenu001
{
    position:relative;
}

ul.MenuBarHorizontal
{
    cursor: default;
    width: auto;
    white-space: nowrap;
    display: inline;
    position: absolute;
    list-style-type: none;
    top: 0;
    left:0;
    right: auto;
    bottom: auto;
    font-size: 100%;
    margin: 0px;
    float: none;
    height: auto;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    padding: 0px;
}

The HTML part:

<td nowrap="nowrap" id="mymenu001">

Bye!

0

Hi,
Have you tried to test your css by creating a simple main container class with margin 0 auto,
padding: 0px,
960px wide,
position relative,
display inline,
float: left,
and set the ul list menubar inside:
`<div class="container">

   <ul class="MenuBarHorizontal">
  <li class="current"><a href="/">Home</a></li>
  <li><a href="linkone.html">Link One</a></li>
  <li><a href="linktwo.html">Two</a></li>
  <li><a href="linkthree.html">Three</a></li>
  <li><a href="linkfour.html">Four</a></li>
  <li><a href="linkfive.html">Five</a></li>

</ul>

</div>
`

When I do this, the menu lines up in the center.

Could the change come from another part of the css?

0

Thank you, but this did not work. Here is my source code. My menu is in a table. (the first suggestions did not work. I'm trying the second one from asimegusta.

http://www.ofallonchamber.com/index.html

<tr>
     <table height="35" width="960" border="0" align="center" cellpadding="0" cellspacing="0">
        <td nowrap="nowrap" id="MenuBar1">
      <ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="index.html">HOME</a></li>
        <li><a href="#" class="MenuBarItemSubmenu">ABOUT US</a>
          <ul>
            <li><a href="About Us.html">Your Chamber</a></li>
            <li><a href="http://ofallonchamber.chambermaster.com/list/">Member Directory</a></li>
            <li><a href="http://www.ofallonchamber.com/Board_directors.html">Board of Directors</a></li>
            <li><a href="http://www.ofallonchamber.com/ambassadors.html">Ambassadors</a></li>
            <li><a href="http://www.ofallonchamber.com/starinvestors.html">Star Investors</a></li>
            <li><a href="http://www.ofallonchamber.com/committees.html">Committees &amp; Focus Groups</a></li>
            <li><a href="contactus.html">Contact Us</a></li>
            <li><a href="http://www.ofallonchamber.com/join.html">Member Benefits</a></li>
          </ul>
        </li>
        <li><a class="MenuBarItemSubmenu" href="#">NEWS</a>
          <ul>
            <li><a href="news.html">Chamber News</a></li>
            <li><a href="events.html">Events</a></li>
            <li><a href="http://ofallonchamber.chambermaster.com/jobs/">Job Listings</a></li>
            <li><a href="http://ofallonchamber.chambermaster.com/hotdeals/">Hot Deals</a></li>
          </ul>
        </li>
        <li><a href="#" class="MenuBarItemSubmenu">EVENTS</a>
          <ul>
            <li><a href="events.html">Calendars &amp; Events</a></li>
            <li><a href="news.html">News</a></li>
          </ul>
        </li>
        <li><a href="#" class="MenuBarItemSubmenu">COMMUNITY</a>
          <ul>
            <li><a href="#" target="new" class="MenuBarItemSubmenu">O'Fallon</a>
              <ul>
                <li><a href="http://www.ofallon.org/Public_Documents/index" target="new">City of O'Fallon</a></li>
                <li><a href="assests/pdfs/Welcome Guide 2013.pdf" target="new">Welcome to O'Fallon Guide</a></li>
                <li><a href="http://www.ofallon.org/town-events" target="new">O'Fallon Community Calendar</a></li>
              </ul>
            </li>
            <li><a href="#" class="MenuBarItemSubmenu">Shiloh</a>
              <ul>
                <li><a href="http://www.shilohil.org/" target="new">Village of Shiloh</a></li>
                <li><a href="http://shilohil.org/pdf/welcome-guide.pdf" target="new">Shiloh Welcome Guide</a></li>
                <li><a href="http://shilohil.org/calendars/category/community/" target="new">Shiloh Community Calendar</a></li>
              </ul>
            </li>
            <li><a href="http://www.scott.af.mil/" target="new">Scott Air Force Base</a></li>
            <li><a href="http://www.thetourismbureau.org/" target="new">The Tourism Bureau Illinois South</a></li>
            <li><a href="http://www.ofallonchamber.com/our_community.html">Relocation Packet Info</a></li>
            <li><a href="assests/pdfs/Restaurant Guide Pamphlet Spring 2014.pdf" target="new">O'Fallon-Shiloh Area Restaurant Guide</a></li>
            <li><a href="assests/pdfs/events_receptions_meeting_spaces_2014.pdf" target="new">Events &amp; Reception Planning Guide</a></li>
          </ul>
        </li>
        <li><a href="join.html">JOIN US</a></li>
        <li><a href="#" class="MenuBarItemSubmenu">BUSINESS</a>
          <ul>
            <li><a href="http://ofallonchamber.chambermaster.com/list/">Member Directory</a></li>
            <li><a href="#" class="MenuBarItemSubmenu">Resources</a>
              <ul>
                <li><a href="http://www.ofallon.org/economic-development-division" target="new">City of O'Fallon</a></li>
                <li><a href="http://www.shilohil.org/pages/economic-development/" target="new">Village of Shiloh</a></li>
                <li><a href="http://www.co.st-clair.il.us/business/Pages/default.aspx" target="new">St. Clair County</a></li>
                <li><a href="http://www.illinois.gov/Pages/default.aspx" target="new">State of Illinois</a></li>
                <li><a href="assests/pdfs/2014ILLINOIS_BRG.pdf" target="new">Illinois Business Resource</a></li>
                <li><a href="http://www.usa.gov/" target="new">Federal</a></li>
              </ul>
            </li>
            <li><a href="get your name out.html">Marketing Opportunities</a></li>
            <li><a href="BusinessInfo.html">Other</a></li>
          </ul>
        </li>
        <li><a href="photogallery.html">GALLERY</a></li>
        <li><a href="#" class="MenuBarItemSubmenu">INFO</a>
          <ul>
            <li><a href="http://www.ofallonchamber.com/assests/pdfs/Welcome%20Guide%202013.pdf" target="new">Welcome to O'Fallon Guide</a></li>
            <li><a href="http://shilohil.org/pdf/welcome-guide.pdf" target="new">Shiloh Welcome Guide</a></li>
            <li><a href="assests/pdfs/Restaurant Guide Pamphlet Spring 2014.pdf" target="new">O'Fallon-Shiloh Area Restaurant Guide</a></li>
            <li><a href="assests/pdfs/events_receptions_meeting_spaces_2014.pdf" target="new">Events &amp; Reception Planning Guide</a></li>
            <li><a href="http://www.ofallonchamber.com/our_community.html">Relocation Packet Info</a></li>
          </ul>
        </li>
        <li><a href="#" class="MenuBarItemSubmenu">CONTACT US</a>
          <ul>
            <li><a href="contactus.html">Chamber Staff</a></li>
            <li><a href="https://secure2.chambermaster.com/Login" target="new">Member Login</a></li>
            <li><a href="http://ofallonchamber.chambermaster.com/list/">Member Directory</a></li>
          </ul>
        </li>
      </ul></td>
    </tr>
</table>

Edited by moregraphics: added comment

0

asimegusta, thank you for your suggestion, but this did not work and now my menu is to the right and in the middle of the body of the website. I may have been putting the cdoe it in the wrong place, but I backed out of it and my menu is stuck now, it is way off.

0

Your ul.MenuBarHorizontal has left:312px property in it... A good way to debug things like this should be on either Firefox (with Firebug) or Chrome.

Edited by Taywin

0

Yes if I put the width on 960px those show up in the left and top. If I use auto in the width, which is what I originally had and it worked fine, the top and left don't fill. So I download the firebug and that should keep it from doing that? How does that keep it from showing up when someone else views it?

0

I've downloaded Firebug, but as far as I can tell it doesn't give you any assistance with a spry menu css, but I don't really completely undestand how to use it.

http://www.ofallonchamber.com/index.html

/* 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 they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    z-index: 1020;
    cursor: default;
    left: 1000em;
    position: absolute;
    float: none;

}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
    left: auto;
    top: 0px;
    float: left;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
    text-align: left;
    white-space: nowrap;
    display: block;
    font-size: 100%;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif, Biondi;
    font-style: normal;
    line-height: 6px;
    font-weight: bolder;
    text-transform: none;
    background-color: #F5F5F5;
    padding: 0px;
    margin: 0px;
    float: none;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
    margin-top: -5%;
    margin-right: 0%;
    margin-bottom: 0;
    margin-left: 95%;
    padding: 0px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    position: absolute;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
    left: auto;
    top: 0;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{
    padding: 0px;
    margin: 0px;


}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
    display: block;
    cursor: pointer;
    color: #FFF;
    text-align: left;
    white-space: nowrap;
    text-decoration: none;
    font-size: 100%;
    background-color: #3768A0;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    margin-top: 0px;
    margin-right: 3px;
    margin-bottom: 0px;
    margin-left: 2px;
    padding: 6.4px;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{


}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{


}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
    background-image: none;
    background-position: 95% 50%;
}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
    background-image: url(SpryMenuBarRightHover.gif);
    background-position: 95% 50%;
    background-repeat: no-repeat;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
    background-image: none;
    background-position: 95% 50%;
    color: #021844;
    background-color: #FFF;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
    background-image: url(SpryMenuBarRightHover.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
    z-index: 1010;



    filter:alpha(opacity:0.1);
    padding: 0px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    position: absolute;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
}
0

I am now seeing where the spry menu css is in Firebug. Just not sure how to have it check it. I'll keep taking a look and if anyone has assistance it will be greatly appreciated.

0

Yeah, don't know either, except for a comment I got on one of my posts that says, "bad question." I was like, ok...? :).

0

Yeah, about the downvotes, it is from a spammer named: asdfghjklasdfgh

I reported him/her/it, the mods will look into it.

Edited by <M/>

0

So far, the user hasn't been banned yet... also, that user gave me some downvotes as well...

Also, do you still need any help with this question? If not, please consider marking it solved.

Edited by <M/>

0

Yes I still need help with my spry menu. It is still displaying not centered & too far to the left. None of the suggestions have worked.

0

If you can upload or paste here a very simplified version of your page (only header and navigation), maybe it will be easier to fix the problem, I've tried my suggestion on your current version and seems to work on Firefox and Chrome, I still didn't tested on Internet Explorer.

Question: which screen resolution are you using?

0

Do you mean the html code for my menu?

http://www.ofallonchamber.com/index.html

<body bgcolor="#d1d1d1" text="#000000" link="#863615" vlink="#036009" alink="#863615" class="body_text" onload="MM_preloadImages('assests/Home_Down.jpg','assests/AboutUs_Down.jpg','assests/OurMembers_Down.jpg','assests/News_Down.jpg','assests/Events_Down.jpg','assests/GetYourNameOut_Down.jpg','assests/BusinessInfo_Down.jpg','assests/PhotoGallery_Down.jpg')">
    <table width="960" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
      <td height="279"><div align="center"><img src="assests/banner_2014.jpg" alt="" width="960" height="279" border="0" usemap="#Map" /><br />
          <map name="Map" id="Map">
            <area shape="rect" coords="77,70,113,106" href="http://www.facebook.com/ofallonshilohchamber" target="_new" alt="Facebook" />
            <area shape="rect" coords="120,70,159,109" href="https://twitter.com/OFS_CoC" target="_new" alt="Twitter" />
            <area shape="rect" coords="165,72,202,109" href="https://www.linkedin.com/company/o'fallon---shiloh-chamber-of-commerce" target="_new" alt="LinkedIn" />
            <area shape="rect" coords="109,111,171,173" href="http://ofallonchamber.chambermaster.com/mobile/" target="_new" alt="Mobile_site" />
          </map>
      </div></td>
    </tr></table>
   <table width="960" height="19" align="center" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="960"><ul id="MenuBar1" class="MenuBarHorizontal">
      <li><a href="index.html">HOME</a></li>
      <li><a href="#" class="MenuBarItemSubmenu">ABOUT US</a>
        <ul>
          <li><a href="About Us.html">Your Chamber</a></li>
          <li><a href="http://ofallonchamber.chambermaster.com/list/">Member Directory</a></li>
          <li><a href="http://www.ofallonchamber.com/Board_directors.html">Board of Directors</a></li>
          <li><a href="http://www.ofallonchamber.com/ambassadors.html">Ambassadors</a></li>
          <li><a href="http://www.ofallonchamber.com/starinvestors.html">Star Investors</a></li>
          <li><a href="http://www.ofallonchamber.com/committees.html">Committees &amp; Focus Groups</a></li>
          <li><a href="contactus.html">Contact Us</a></li>
          <li><a href="http://www.ofallonchamber.com/join.html">Member Benefits</a></li>
        </ul>
      </li>
      <li><a class="MenuBarItemSubmenu" href="#">NEWS</a>
        <ul>
          <li><a href="news.html">Chamber News</a></li>
          <li><a href="events.html">Events</a></li>
          <li><a href="http://ofallonchamber.chambermaster.com/jobs/">Job Listings</a></li>
          <li><a href="http://ofallonchamber.chambermaster.com/hotdeals/">Hot Deals</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">EVENTS</a>
        <ul>
          <li><a href="events.html">Calendars &amp; Events</a></li>
          <li><a href="news.html">News</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">COMMUNITY</a>
        <ul>
          <li><a href="#" target="new" class="MenuBarItemSubmenu">O'Fallon</a>
            <ul>
              <li><a href="http://www.ofallon.org/Public_Documents/index" target="new">City of O'Fallon</a></li>
              <li><a href="assests/pdfs/Welcome Guide 2013.pdf" target="new">Welcome to O'Fallon Guide</a></li>
              <li><a href="http://www.ofallon.org/town-events" target="new">O'Fallon Community Calendar</a></li>
            </ul>
          </li>
          <li><a href="#" class="MenuBarItemSubmenu">Shiloh</a>
            <ul>
              <li><a href="http://www.shilohil.org/" target="new">Village of Shiloh</a></li>
              <li><a href="http://shilohil.org/pdf/welcome-guide.pdf" target="new">Shiloh Welcome Guide</a></li>
              <li><a href="http://shilohil.org/calendars/category/community/" target="new">Shiloh Community Calendar</a></li>
            </ul>
          </li>
          <li><a href="http://www.scott.af.mil/" target="new">Scott Air Force Base</a></li>
          <li><a href="http://www.thetourismbureau.org/" target="new">The Tourism Bureau Illinois South</a></li>
          <li><a href="http://www.ofallonchamber.com/our_community.html">Relocation Packet Info</a></li>
          <li><a href="assests/pdfs/Restaurant Guide Pamphlet Spring 2014.pdf" target="new">O'Fallon-Shiloh Area Restaurant Guide</a></li>
          <li><a href="assests/pdfs/events_receptions_meeting_spaces_2014.pdf" target="new">Events &amp; Reception Planning Guide</a></li>
        </ul>
      </li>
      <li><a href="join.html">JOIN US</a></li>
      <li><a href="#" class="MenuBarItemSubmenu">BUSINESS</a>
        <ul>
          <li><a href="http://ofallonchamber.chambermaster.com/list/">Member Directory</a></li>
          <li><a href="#" class="MenuBarItemSubmenu">Resources</a>
            <ul>
              <li><a href="http://www.ofallon.org/economic-development-division" target="new">City of O'Fallon</a></li>
              <li><a href="http://www.shilohil.org/pages/economic-development/" target="new">Village of Shiloh</a></li>
              <li><a href="http://www.co.st-clair.il.us/business/Pages/default.aspx" target="new">St. Clair County</a></li>
              <li><a href="http://www.illinois.gov/Pages/default.aspx" target="new">State of Illinois</a></li>
              <li><a href="assests/pdfs/2014ILLINOIS_BRG.pdf" target="new">Illinois Business Resource</a></li>
              <li><a href="http://www.usa.gov/" target="new">Federal</a></li>
            </ul>
          </li>
          <li><a href="get your name out.html">Marketing Opportunities</a></li>
          <li><a href="BusinessInfo.html">Other</a></li>
        </ul>
      </li>
      <li><a href="photogallery.html">GALLERY</a></li>
      <li><a href="#" class="MenuBarItemSubmenu">INFO</a>
        <ul>
          <li><a href="http://www.ofallonchamber.com/assests/pdfs/Welcome%20Guide%202013.pdf" target="new">Welcome to O'Fallon Guide</a></li>
          <li><a href="http://shilohil.org/pdf/welcome-guide.pdf" target="new">Shiloh Welcome Guide</a></li>
          <li><a href="assests/pdfs/Restaurant Guide Pamphlet Spring 2014.pdf" target="new">O'Fallon-Shiloh Area Restaurant Guide</a></li>
          <li><a href="assests/pdfs/events_receptions_meeting_spaces_2014.pdf" target="new">Events &amp; Reception Planning Guide</a></li>
          <li><a href="http://www.ofallonchamber.com/our_community.html">Relocation Packet Info</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">CONTACT US</a>
        <ul>
          <li><a href="contactus.html">Chamber Staff</a></li>
          <li><a href="https://secure2.chambermaster.com/Login" target="new">Member Login</a></li>
          <li><a href="http://ofallonchamber.chambermaster.com/list/">Member Directory</a><br />
      </li>
        </ul>
      </li>
    </ul></td>
    </tr>
</table>
0

I have to large screens. It is on 1920 x 1080, which is the recommended resolution for my screen size.

0

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 they are initially off the left side of the screen (-1000em) */
    ul.MenuBarHorizontal ul
    {
        margin: 0;
        padding: 0;
        list-style-type: none;
        z-index: 1020;
        cursor: default;
        left: 1000em;
        position: absolute;
        float: none;

    }
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
    {
        left: auto;
        top: 0px;
        float: left;
    }
    /* Menu item containers are same fixed width as parent */
    ul.MenuBarHorizontal ul li
    {
        text-align: left;
        white-space: nowrap;
        display: block;
        font-size: 100%;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif, Biondi;
        font-style: normal;
        line-height: 6px;
        font-weight: bolder;
        text-transform: none;
        background-color: #F5F5F5;
        padding: 0px;
        margin: 0px;
        float: none;
    }
    /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
    ul.MenuBarHorizontal ul ul
    {
        margin-top: -5%;
        margin-right: 0%;
        margin-bottom: 0;
        margin-left: 95%;
        padding: 0px;
        border-top-width: 0px;
        border-right-width: 0px;
        border-bottom-width: 0px;
        border-left-width: 0px;
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
        position: absolute;
    }
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
    {
        left: auto;
        top: 0;
    }

    /*******************************************************************************

     DESIGN INFORMATION: describes color scheme, borders, fonts

     *******************************************************************************/

    /* Submenu containers have borders on all sides */
    ul.MenuBarHorizontal ul
    {
        padding: 0px;
        margin: 0px;


    }
    /* Menu items are a light gray block with padding and no text decoration */
    ul.MenuBarHorizontal a
    {
        display: block;
        cursor: pointer;
        color: #FFF;
        text-align: left;
        white-space: nowrap;
        text-decoration: none;
        font-size: 100%;
        background-color: #3768A0;
        border-top-width: 0px;
        border-right-width: 0px;
        border-bottom-width: 0px;
        border-left-width: 0px;
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
        margin-top: 0px;
        margin-right: 3px;
        margin-bottom: 0px;
        margin-left: 2px;
        padding: 6.4px;
    }
    /* Menu items that have mouse over or focus have a blue background and white text */
    ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
    {


    }
    /* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
    ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
    {


    }

    /*******************************************************************************

     SUBMENU INDICATION: styles if there is a submenu under a given menu item

     *******************************************************************************/

    /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal a.MenuBarItemSubmenu
    {
        background-image: none;
        background-position: 95% 50%;
    }
    /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
    {
        background-image: url(SpryMenuBarRightHover.gif);
        background-position: 95% 50%;
        background-repeat: no-repeat;
    }
    /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
    {
        background-image: none;
        background-position: 95% 50%;
        color: #021844;
        background-color: #FFF;
    }
    /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
    {
        background-image: url(SpryMenuBarRightHover.gif);
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }


    </style>
</head>
<body bgcolor="#d1d1d1" text="#000000" link="#863615" vlink="#036009" alink="#863615" class="body_text">

    <table width="960" border="1" align="center" cellpadding="0" cellspacing="0">
        <tr>
            <td height="279">
            </td>
        </tr>
    </table>
    <table width="960" height="19" align="center" border="1" cellspacing="0" cellpadding="0">
        <tr>
            <td width="960">
                <ul id="MenuBar1" class="MenuBarHorizontal">
                    <li>
                        <a href="index.html">HOME</a>
                    </li>
                    <li>
                        <a href="#" class="MenuBarItemSubmenu">ABOUT US</a>
                        <ul>
                            <li><a href="About Us.html">Your Chamber</a></li>
                            <li><a href="http://ofallonchamber.chambermaster.com/list/">Member Directory</a></li>
                            <li><a href="http://www.ofallonchamber.com/Board_directors.html">Board of Directors</a></li>
                            <li><a href="http://www.ofallonchamber.com/ambassadors.html">Ambassadors</a></li>
                            <li><a href="http://www.ofallonchamber.com/starinvestors.html">Star Investors</a></li>
                            <li><a href="http://www.ofallonchamber.com/committees.html">Committees &amp; Focus Groups</a></li>
                            <li><a href="contactus.html">Contact Us</a></li>
                            <li><a href="http://www.ofallonchamber.com/join.html">Member Benefits</a></li>
                        </ul>
                    </li>
                    <li>
                        <a class="MenuBarItemSubmenu" href="#">NEWS</a>
                        <ul>
                            <li><a href="news.html">Chamber News</a></li>
                            <li><a href="events.html">Events</a></li>
                            <li><a href="http://ofallonchamber.chambermaster.com/jobs/">Job Listings</a></li>
                            <li><a href="http://ofallonchamber.chambermaster.com/hotdeals/">Hot Deals</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="#" class="MenuBarItemSubmenu">EVENTS</a>
                        <ul>
                            <li><a href="events.html">Calendars &amp; Events</a></li>
                            <li><a href="news.html">News</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="#" class="MenuBarItemSubmenu">COMMUNITY</a>
                        <ul>
                            <li>
                                <a href="#" target="new" class="MenuBarItemSubmenu">O'Fallon</a>
                                <ul>
                                    <li><a href="http://www.ofallon.org/Public_Documents/index" target="new">City of O'Fallon</a></li>
                                    <li><a href="assests/pdfs/Welcome Guide 2013.pdf" target="new">Welcome to O'Fallon Guide</a></li>
                                    <li><a href="http://www.ofallon.org/town-events" target="new">O'Fallon Community Calendar</a></li>
                                </ul>
                            </li>
                            <li>
                                <a href="#" class="MenuBarItemSubmenu">Shiloh</a>
                                <ul>
                                    <li><a href="http://www.shilohil.org/" target="new">Village of Shiloh</a></li>
                                    <li><a href="http://shilohil.org/pdf/welcome-guide.pdf" target="new">Shiloh Welcome Guide</a></li>
                                    <li><a href="http://shilohil.org/calendars/category/community/" target="new">Shiloh Community Calendar</a></li>
                                </ul>
                            </li>
                            <li><a href="http://www.scott.af.mil/" target="new">Scott Air Force Base</a></li>
                            <li><a href="http://www.thetourismbureau.org/" target="new">The Tourism Bureau Illinois South</a></li>
                            <li><a href="http://www.ofallonchamber.com/our_community.html">Relocation Packet Info</a></li>
                            <li><a href="assests/pdfs/Restaurant Guide Pamphlet Spring 2014.pdf" target="new">O'Fallon-Shiloh Area Restaurant Guide</a></li>
                            <li><a href="assests/pdfs/events_receptions_meeting_spaces_2014.pdf" target="new">Events &amp; Reception Planning Guide</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="join.html">JOIN US</a>
                    </li>
                    <li>
                        <a href="#" class="MenuBarItemSubmenu">BUSINESS</a>
                        <ul>
                            <li>
                                <a href="http://ofallonchamber.chambermaster.com/list/">Member Directory</a>
                            </li>
                            <li>
                                <a href="#" class="MenuBarItemSubmenu">Resources</a>
                                <ul>
                                    <li><a href="http://www.ofallon.org/economic-development-division" target="new">City of O'Fallon</a></li>
                                    <li><a href="http://www.shilohil.org/pages/economic-development/" target="new">Village of Shiloh</a></li>
                                    <li><a href="http://www.co.st-clair.il.us/business/Pages/default.aspx" target="new">St. Clair County</a></li>
                                    <li><a href="http://www.illinois.gov/Pages/default.aspx" target="new">State of Illinois</a></li>
                                    <li><a href="assests/pdfs/2014ILLINOIS_BRG.pdf" target="new">Illinois Business Resource</a></li>
                                    <li><a href="http://www.usa.gov/" target="new">Federal</a></li>
                                </ul>
                            </li>
                            <li><a href="get your name out.html">Marketing Opportunities</a></li>
                            <li><a href="BusinessInfo.html">Other</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="photogallery.html">GALLERY</a>
                    </li>
                    <li>
                        <a href="#" class="MenuBarItemSubmenu">INFO</a>
                        <ul>
                            <li><a href="http://www.ofallonchamber.com/assests/pdfs/Welcome%20Guide%202013.pdf" target="new">Welcome to O'Fallon Guide</a></li>
                            <li><a href="http://shilohil.org/pdf/welcome-guide.pdf" target="new">Shiloh Welcome Guide</a></li>
                            <li><a href="assests/pdfs/Restaurant Guide Pamphlet Spring 2014.pdf" target="new">O'Fallon-Shiloh Area Restaurant Guide</a></li>
                            <li><a href="assests/pdfs/events_receptions_meeting_spaces_2014.pdf" target="new">Events &amp; Reception Planning Guide</a></li>
                            <li><a href="http://www.ofallonchamber.com/our_community.html">Relocation Packet Info</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="#" class="MenuBarItemSubmenu">CONTACT US</a>
                        <ul>
                            <li><a href="contactus.html">Chamber Staff</a></li>
                            <li><a href="https://secure2.chambermaster.com/Login" target="new">Member Login</a></li>
                            <li><a href="http://ofallonchamber.chambermaster.com/list/">Member Directory</a><br /></li>
                        </ul>
                    </li>
                </ul>
            </td>
        </tr>
    </table>

    <script type="text/javascript">
    <!--
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    //-->
    </script>
</body>
</html>
0
<!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">
<!--

[if lt IE 7 ]> <html class="no-js ie6" lang="en"> …

-->

<!--

[if IE 7 ]>    <html class="no-js ie7" lang="en"> <![endif]

-->

<!--

[if IE 8 ]>    <html class="no-js ie8" lang="en"> …

-->

<!--

[if (gte IE 9)|!(IE)]><!

-->
    <!--

    <![endif]

    -->
<head>
<title>O'Fallon-Shiloh Chamber of Commerce Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Untitled Document</title>
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<style type="text/css"> 
<!--
BODY {
    background-image: url(assests/blue_sky_background_site.jpg);
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
}
bodycolor {
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #7C3322;
}
.bodycolor {
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #893221;
}
body_text {
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #FFF;
}
.address_bar {
    font-family: Georgia, "Times New Roman", Times, serif;
}
.body_text {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif, Biondi;
    text-align: center;
}
.white_body {
    font-family: Arial, Helvetica, sans-serif;
    color: #FFF;
    font-size: 14px;
}
a:link {
    color: #021844;
    text-decoration: underline;
}
a:active {
    text-align: center;
    color: #8A382A;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}
a {
    font-weight: bold;
}
.address2 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 12px;
}
.holidaybox {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
}
.ourcommunity {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
.address {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000;
}
.Red_Highlight {
    color: #F00;
}
.body_text div table tr td table tr .ourcommunity strong {
    color: #793729;
}
a:visited {
    color: #036009;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
a img { border: none; }
-->
</style>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<script type="text/javascript"> 
<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_nbGroup(event, grpName) { //v6.0
  var i,img,nbArr,args=MM_nbGroup.arguments;
  if (event == "init" && args.length > 2) {
    if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
      img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
      if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
      nbArr[nbArr.length] = img;
      for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
        if (!img.MM_up) img.MM_up = img.src;
        img.src = img.MM_dn = args[i+1];
        nbArr[nbArr.length] = img;
    } }
  } else if (event == "over") {
    document.MM_nbOver = nbArr = new Array();
    for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
      if (!img.MM_up) img.MM_up = img.src;
      img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
      nbArr[nbArr.length] = img;
    }
  } else if (event == "out" ) {
    for (i=0; i < document.MM_nbOver.length; i++) {
      img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
  } else if (event == "down") {
    nbArr = document[grpName];
    if (nbArr)
      for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
    document[grpName] = nbArr = new Array();
    for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
      if (!img.MM_up) img.MM_up = img.src;
      img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
      nbArr[nbArr.length] = img;
  } }function adjustStyle(width) {
    width = parseInt(width);
    if (width < 701) {
        $("#size-stylesheet").attr("href", "css/narrow.css");
    } else if ((width >= 701) && (width < 900)) {
        $("#size-stylesheet").attr("href", "css/medium.css");
    } else {
       $("#size-stylesheet").attr("href", "css/wide.css"); 
    }
}
$(function() {
    adjustStyle($(this).width());
    $(window).resize(function() {
        adjustStyle($(this).width());
    });
});
}
//-->
</script>
<meta name="Keywords" content="O'Fallon-Shiloh Chamber of Commerce" />
<meta name="Keywords" content="O'Fallon-Shiloh Chamber of Commerce, Illinois, local business, membership, St. Louis metro area, Belleville, Scott AFB" />
<meta name="Description" content="O'Fallon-Shiloh Chamber of Commerce's mission is to welcome, unite, and promote business in the community by fostering economic growth. " />
</style>
<style type="text/css">
<!--
p.MsoNormal {
margin:0in;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:"Calibri","sans-serif";
}
-->
</style>
<style type="text/css">
<!--
p.Default {
margin:0in;
margin-bottom:.0001pt;
text-autospace:none;
font-size:12.0pt;
font-family:"Calibri","sans-serif";
color:black;
}
-->
</style>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>

<body bgcolor="#d1d1d1" text="#000000" link="#863615" vlink="#036009" alink="#863615" class="body_text" onload="MM_preloadImages('assests/Home_Down.jpg','assests/AboutUs_Down.jpg','assests/OurMembers_Down.jpg','assests/News_Down.jpg','assests/Events_Down.jpg','assests/GetYourNameOut_Down.jpg','assests/BusinessInfo_Down.jpg','assests/PhotoGallery_Down.jpg')">
    <table width="960" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
      <td height="279"><div align="center"><img src="assests/banner_2014.jpg" alt="" width="960" height="279" border="0" usemap="#Map" /><br />
          <map name="Map" id="Map">
            <area shape="rect" coords="77,70,113,106" href="http://www.facebook.com/ofallonshilohchamber" target="_new" alt="Facebook" />
            <area shape="rect" coords="120,70,159,109" href="https://twitter.com/OFS_CoC" target="_new" alt="Twitter" />
            <area shape="rect" coords="165,72,202,109" href="https://www.linkedin.com/company/o'fallon---shiloh-chamber-of-commerce" target="_new" alt="LinkedIn" />
            <area shape="rect" coords="109,111,171,173" href="http://ofallonchamber.chambermaster.com/mobile/" target="_new" alt="Mobile_site" />
          </map>
      </div></td>
    </tr></table>
<table nowrap="nowrap" align="center" border="0" cellspacing="0" cellpadding="0"><tr>
        <td width="960" height="25"><ul id="MenuBar1" class="MenuBarHorizontal">
      <li><a href="index.html">HOME</a></li>
      <li><a href="#" class="MenuBarItemSubmenu">ABOUT US</a>
        <ul>
          <li><a href="About Us.html">Your Chamber</a></li>
          <li><a href="http://ofallonchamber.chambermaster.com/list/">Member Directory</a></li>
          <li><a href="http://www.ofallonchamber.com/Board_directors.html">Board of Directors</a></li>
          <li><a href="http://www.ofallonchamber.com/ambassadors.html">Ambassadors</a></li>
          <li><a href="http://www.ofallonchamber.com/starinvestors.html">Star Investors</a></li>
          <li><a href="http://www.ofallonchamber.com/committees.html">Committees &amp; Focus Groups</a></li>
          <li><a href="contactus.html">Contact Us</a></li>
          <li><a href="http://www.ofallonchamber.com/join.html">Member Benefits</a></li>
        </ul>
      </li>
      <li><a class="MenuBarItemSubmenu" href="#">NEWS</a>
        <ul>
          <li><a href="news.html">Chamber News</a></li>
          <li><a href="events.html">Events</a></li>
          <li><a href="http://ofallonchamber.chambermaster.com/jobs/">Job Listings</a></li>
          <li><a href="http://ofallonchamber.chambermaster.com/hotdeals/">Hot Deals</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">EVENTS</a>
        <ul>
          <li><a href="events.html">Calendars &amp; Events</a></li>
          <li><a href="news.html">News</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">COMMUNITY</a>
        <ul>
          <li><a href="#" target="new" class="MenuBarItemSubmenu">O'Fallon</a>
            <ul>
              <li><a href="http://www.ofallon.org/Public_Documents/index" target="new">City of O'Fallon</a></li>
              <li><a href="assests/pdfs/Welcome Guide 2013.pdf" target="new">Welcome to O'Fallon Guide</a></li>
              <li><a href="http://www.ofallon.org/town-events" target="new">O'Fallon Community Calendar</a></li>
            </ul>
          </li>
          <li><a href="#" class="MenuBarItemSubmenu">Shiloh</a>
            <ul>
              <li><a href="http://www.shilohil.org/" target="new">Village of Shiloh</a></li>
              <li><a href="http://shilohil.org/pdf/welcome-guide.pdf" target="new">Shiloh Welcome Guide</a></li>
              <li><a href="http://shilohil.org/calendars/category/community/" target="new">Shiloh Community Calendar</a></li>
            </ul>
          </li>
          <li><a href="http://www.scott.af.mil/" target="new">Scott Air Force Base</a></li>
          <li><a href="http://www.thetourismbureau.org/" target="new">The Tourism Bureau Illinois South</a></li>
          <li><a href="http://www.ofallonchamber.com/our_community.html">Relocation Packet Info</a></li>
          <li><a href="assests/pdfs/Restaurant Guide Pamphlet Spring 2014.pdf" target="new">O'Fallon-Shiloh Area Restaurant Guide</a></li>
          <li><a href="assests/pdfs/events_receptions_meeting_spaces_2014.pdf" target="new">Events &amp; Reception Planning Guide</a></li>
        </ul>
      </li>
      <li><a href="join.html">JOIN US</a></li>
      <li><a href="#" class="MenuBarItemSubmenu">BUSINESS</a>
        <ul>
          <li><a href="http://ofallonchamber.chambermaster.com/list/">Member Directory</a></li>
          <li><a href="#" class="MenuBarItemSubmenu">Resources</a>
            <ul>
              <li><a href="http://www.ofallon.org/economic-development-division" target="new">City of O'Fallon</a></li>
              <li><a href="http://www.shilohil.org/pages/economic-development/" target="new">Village of Shiloh</a></li>
              <li><a href="http://www.co.st-clair.il.us/business/Pages/default.aspx" target="new">St. Clair County</a></li>
              <li><a href="http://www.illinois.gov/Pages/default.aspx" target="new">State of Illinois</a></li>
              <li><a href="assests/pdfs/2014ILLINOIS_BRG.pdf" target="new">Illinois Business Resource</a></li>
              <li><a href="http://www.usa.gov/" target="new">Federal</a></li>
            </ul>
          </li>
          <li><a href="get your name out.html">Marketing Opportunities</a></li>
          <li><a href="BusinessInfo.html">Other</a></li>
        </ul>
      </li>
      <li><a href="photogallery.html">GALLERY</a></li>
      <li><a href="#" class="MenuBarItemSubmenu">INFO</a>
        <ul>
          <li><a href="http://www.ofallonchamber.com/assests/pdfs/Welcome%20Guide%202013.pdf" target="new">Welcome to O'Fallon Guide</a></li>
          <li><a href="http://shilohil.org/pdf/welcome-guide.pdf" target="new">Shiloh Welcome Guide</a></li>
          <li><a href="assests/pdfs/Restaurant Guide Pamphlet Spring 2014.pdf" target="new">O'Fallon-Shiloh Area Restaurant Guide</a></li>
          <li><a href="assests/pdfs/events_receptions_meeting_spaces_2014.pdf" target="new">Events &amp; Reception Planning Guide</a></li>
          <li><a href="http://www.ofallonchamber.com/our_community.html">Relocation Packet Info</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">CONTACT US</a>
        <ul>
          <li><a href="contactus.html">Chamber Staff</a></li>
          <li><a href="https://secure2.chambermaster.com/Login" target="new">Member Login</a></li>
          <li><a href="http://ofallonchamber.chambermaster.com/list/">Member Directory</a><br />
      </li>
        </ul>
      </li>
    </ul></td>
    </tr></table>
<tr><table align="center" width="961" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td colspan="4" bgcolor="#f5f5f5"><table width="955" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="510" align="center" valign="bottom" bgcolor="#EBF1FC"><a href="assests/home_ad_banner.gif" target="_blank"><img src="assests/home_ad_banner.gif" width="477" height="86" hspace="15" vspace="10" align="bottom" /></a></td>
            <td width="94" align="center" valign="bottom" bgcolor="#EBF1FC" class="ourcommunity"><a href="join.html"><img src="assests/page_headings/become_a_member_button.png" width="80" height="70" vspace="12" align="absmiddle" /></a></td>
            <td width="93" align="center" valign="bottom" bgcolor="#EBF1FC" class="ourcommunity"><a href="https://secure2.chambermaster.com/Login" target="_new"><img src="assests/page_headings/member_login_button_crcl.png" width="75" height="70" vspace="12" align="absmiddle" /></a></td>
            <td width="84" align="center" valign="bottom" bgcolor="#EBF1FC" class="ourcommunity"><a href="http://ofallonchamber.chambermaster.com/jobs/"><img src="assests/page_headings/job_postings_button_crcl.png" width="75" height="70" vspace="12" align="absmiddle" /></a></td>
            <td width="85" align="center" valign="bottom" bgcolor="#EBF1FC" class="ourcommunity"><a href="http://ofallonchamber.chambermaster.com/hotdeals/"><img src="assests/page_headings/hot_deals_button_crcl.png" width="75" height="70" vspace="12" align="absmiddle" /></a></td>
            <td width="89" align="center" valign="bottom" bgcolor="#EBF1FC" class="ourcommunity"><a href="http://ofallonchamber.chambermaster.com/MemberToMember/"><img src="assests/page_headings/member_2_member_button_crle.png" width="75" height="70" vspace="12" align="texttop" /></a></td>
            </tr>
          <tr>
            <td height="2" colspan="6" align="center" valign="middle" bgcolor="#EBF1FC"><a href="http://ofallonchamber.chambermaster.com/login/"></a><a href="http://ofallonchamber.chambermaster.com/jobs/"></a><a href="http://ofallonchamber.chambermaster.com/hotdeals/"></a>
              <hr align="center" width="100%" size="4" noshade="noshade" class="body_text" color="#021844" />              <a href="http://ofallonchamber.chambermaster.com/membertomember/"></a></td>
            </tr>
      </table></td>
    </tr>
    <tr>
      <td width="333" valign="top" bgcolor="#EBF1FC"><table width="333" border="0" align="left" cellpadding="0" cellspacing="0">
          <tr>
            <td height="49" bgcolor="#EBF1FC">&nbsp;</td>
            <td width="307" align="center" valign="middle" bgcolor="#EBF1FC" class="ourcommunity"><a href="http://ofallonchamber.chambermaster.com/events/calendar/"><img src="assests/page_headings/chamber_events_button.png" width="275" height="47" align="left" /></a><br /></td>
            </tr>
          <tr>
            <td width="26" bgcolor="#EBF1FC">&nbsp;</td>
            <td align="center" valign="middle" bgcolor="#EBF1FC" class="ourcommunity"><a href="news.html"><img src="assests/page_headings/chamber_news_button.png" width="275" height="45" align="left" /></a></td>
            </tr>
          <tr>
            <td rowspan="10" bgcolor="#EBF1FC">&nbsp;</td>
            <td align="center" valign="middle" bgcolor="#EBF1FC" class="ourcommunity"><a href="our_community.html"><img src="assests/page_headings/our_community_button.png" width="275" height="45" align="left" /></a></td>
            </tr>
          <tr>
            <td height="22" align="center" valign="middle" class="bodycolor"><a href="http://ofallonchamber.chambermaster.com/list/"><img src="assests/page_headings/member_directory_button.png" width="275" height="45" align="left" /></a></td>
            </tr>
          <tr>
            <td height="30" align="center" valign="middle" class="bodycolor">&nbsp;</td>
            </tr>
          <tr>
            <td height="53" align="center" valign="middle" class="bodycolor"><img src="assests/page_headings/upcming_events_scroll.png" width="270" height="48" /></td>
            </tr>
          <tr>
            <td height="53" align="center" valign="middle" class="bodycolor"><div id="mni-widgets-1387574105814">
              <script type="text/javascript">
//<![CDATA[
var _mniwq=_mniwq||[];
_mniwq.push(["1387574105814.type","events_upcoming"],["1387574105814.marquee",true],["1387574105814.scrollFreq",100],["1387574105814.daysForward",31],["1387574105814.showEndDate",false],["1387574105814.showLocation",false],["1387574105814.showLinks",true],["1387574105814.popUp",true],["1387574105814.dateFormat","MMM d"],["1387574105814.styleTemplate","#@id .mn-scroll-container{font-family:Arial, Helvetica, sans-serif;font-size:14px;line-height:130%;margin:8px;position:relative;height:205px;overflow:hidden}#@id .mn-scroll-item{-moz-border-radius:5px;-webkit-border-radius:5px;background-clip:padding-box;background-color:#020209;border-radius:5px;color:#FFFFFF;margin:0 0 4px;position:relative}#@id .mn-scroll-item{background-image:-webkit-gradient(linear,lefttop,leftbottom,from(#15155c),to(#020209));background-image:-webkit-linear-gradient(top,#15155c,#020209);background-image:-moz-linear-gradient(top,#15155c,#020209);background-image:-ms-linear-gradient(top,#15155c,#020209);background-image:-o-linear-gradient(top,#15155c,#020209);background-image:linear-gradient(top,#15155c,#020209)}#@id .mn-scroll-item:hover{background-color:#3365A0;color:#FFFFFF}#@id .mn-scroll-item:hover{background-image:-webkit-gradient(linear,lefttop,leftbottom,from(#6a98cf),to(#3365A0));background-image:-webkit-linear-gradient(top,#6a98cf,#3365A0);background-image:-moz-linear-gradient(top,#6a98cf,#3365A0);background-image:-ms-linear-gradient(top,#6a98cf,#3365A0);background-image:-o-linear-gradient(top,#6a98cf,#3365A0);background-image:linear-gradient(top,#6a98cf,#3365A0)}#@id .mn-scroll-name,#@id .mn-scroll-teaser{display:block;padding:5px 3px 5px 58px;position:relative}#@id .mn-scroll-link{color:inherit;text-decoration:none}#@id .mn-scroll-link:hover{text-decoration:underline}#@id .mn-scroll-date{font-size:75%;font-weight:700;left:3px;position:absolute;text-align:center;top:5px;width:50px}#@id .mn-scroll-slider{position:absolute;width:100%}"],["1387574105814.create","mni-widgets-1387574105814"]);
(function(b,d,a,c){b.getElementById(d)||(c=b.getElementsByTagName(a)[0],a=b.createElement(a),a.type="text/javascript",a.async=!0,a.src="http://ofallonchamber.chambermaster.com/Content/Script/Widgets.js",c.parentNode.insertBefore(a,c))})(document,"mni-widgets-script","script");
//]]>
</script>&nbsp;</td>
            </tr>
          <tr>
            <td height="53" align="center" valign="middle" class="bodycolor">&nbsp;</td>
            </tr>
          <tr>
            <td height="53" align="center" valign="middle" class="bodycolor"><h2><a href="http://www.facebook.com/ofallonshilohchamber"><img src="assests/page_headings/like_us_on_fb_button.png" width="275" height="45" align="left" /><br />
              </a></h2></td>
            </tr>
          <tr>
            <td align="center" valign="middle"></td>
            </tr>
          <tr>
            <td align="center" valign="bottom"></td>
            </tr>
          <tr>
            <td height="300" align="left" valign="baseline"><div class="fb-like-box" data-href="http://www.facebook.com/ofallonshilohchamber" data-width="285" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="true" data-show-border="true"></div></td>
            </tr>
      </table></td>
      <td width="323" align="center" valign="top" bgcolor="#EBF1FC"><table width="318" border="0" align="left" cellpadding="0" cellspacing="0">
          <tr>
            <td height="47" colspan="3" align="center" valign="top" bgcolor="#EBF1FC"><img src="assests/page_headings/announcements.png" width="270" height="47" align="absmiddle" /></td>
            </tr>
          <tr>
            <td width="5" height="32" align="left" valign="top" bgcolor="#EBF1FC" class="ourcommunity">&nbsp;</td>
            <td width="626" colspan="2" align="center" valign="middle" bgcolor="#EBF1FC" class="ourcommunity"><hr align="center" noshade="noshade" /></td>
          </tr>
          <tr>
            <td height="32" align="left" valign="top" bgcolor="#EBF1FC" class="ourcommunity">&nbsp;</td>
            <td colspan="2" align="center" valign="middle" bgcolor="#EBF1FC" class="ourcommunity"><blockquote><br />
            <strong>Salute to Scott Picnic &amp; Business Expo</strong></blockquote></td>
            </tr>
          <tr>
            <td height="49" align="left" valign="top" bgcolor="#EBF1FC" class="ourcommunity">&nbsp;</td>
            <td colspan="2" align="left" valign="middle" bgcolor="#EBF1FC" class="ourcommunity"><blockquote>
               <p><span style="font-family:'Arial','sans-serif'; ">The City of  O&rsquo;Fallon, the Village of Shiloh,<br />
                 and the O&rsquo;Fallon-Shiloh Chamber of<br />
                Commerce  Military Affairs Committee will host the 20th Annual Salute to Scott AFB from 11 a.m. – 3 p.m., Saturday June 7, 2014 at the O&rsquo;Fallon Community Park (308 E.  Fifth Street).</span></p>
               <p>              The goal of  this event is to show appreciation for Scott Air Force Base personnel and their  families and to continue to strengthen that relationship. &nbsp;              <br />
                 <br />
                 Free hot  dogs, chips, and soda will be served 11 a.m. - 2 p.m.  Various area restaurants will also provide  samples and coupons throughout the day. The  O&rsquo;Fallon-Shiloh Chamber of Commerce is sponsoring a Business Expo from<br />
                 11 a.m.  – 3 p.m. The expo features displays from  more than 60 local business. These  businesses, as well as all of O&rsquo;Fallon-Shiloh, are happy to show their  appreciation for those &ldquo;who serve.&rdquo;<br />
                 <br />
                 There are many  family activities planned. There will be  a rock climbing wall, inflated jumping balloons, fireman&rsquo;s pole, and              antique  fire engine rides. Also included in the  day's events will be a visit by the Rams Cheerleaders<br />
                 (11:30 a.m. – 1:30 p.m.)  and Leland &amp; Whiskers Balloon Twisters (noon – 2 p.m.).                Scott Credit Union presents Big Screen Games  and Element Firearms will have games for 18+. Skyline Band will provide musical entertainment at 11 a.m. and Tha  Pocket Band will perform at 1 p.m.  The  highlight of the day will be the making of the largest banana split in the area. Be ready to dive in and enjoy this special  treat around 2 p.m.!<br />
                 <br />
                 Make sure you  stop by the information booth any time from 11 a.m. – 2 p.m. and register for  attendance prizes. Attendance prizes for  both adults and children will be awarded throughout the day. The children&rsquo;s bikes will be awarded at 2:15  p.m.  You must be present to win the  bikes.<br />
                 <br />
                 There will be  a free family swim for those attending. A  limited number of arm bands will be available at the information booth.<br />
                 <br />
                 <span class="ourcommunity" style="font-family:'Arial','sans-serif'; ">If you&rsquo;re  associated with Scott Air Force Base or are an O&rsquo;Fallon-Shiloh resident who directly  supports the base, please bring your family and join us for free food, drinks,  and activities! It will be a day to  remember!</span><br />            
                 <br />            
                </p>
              </blockquote></td>
            </tr>
          <tr>
            <td height="49" align="left" valign="top" bgcolor="#EBF1FC" class="ourcommunity">&nbsp;</td>
            <td colspan="2" align="center" valign="middle" bgcolor="#EBF1FC" class="ourcommunity"><a href="assests/announcements/salute to scott_events_2014_large.jpg" target="_new"><img src="assests/announcements/salute to scott_events_2014.jpg" width="160" height="213" align="absmiddle" /></a><br />              <br />            </td>
            </tr>
          <tr>
            <td height="49" align="left" valign="top" bgcolor="#EBF1FC" class="ourcommunity">&nbsp;</td>
            <td colspan="2" align="left" valign="middle" bgcolor="#EBF1FC" class="ourcommunity"><blockquote><strong>This year is our 20th annual Salute to Scott AFB Family picnic and business expo.</strong><br />
              </blockquote></td>
            </tr>
          <tr>
            <td height="49" align="left" valign="top" bgcolor="#EBF1FC" class="ourcommunity">&nbsp;</td>
            <td colspan="2" align="center" valign="middle" bgcolor="#EBF1FC" class="ourcommunity"><a href="assests/announcements/salute to scott_banners_2014_large.jpg" target="_new"><img src="assests/announcements/salute to scott_banners_2014_small.jpg" width="160" height="247" align="absmiddle" /><br />
               <br />
            </a></td>
            </tr>
          <tr>
            <td height="49" align="left" valign="top" bgcolor="#EBF1FC" class="ourcommunity">&nbsp;</td>
            <td colspan="2" align="center" valign="middle" bgcolor="#EBF1FC" class="ourcommunity"><a href="assests/announcements/salute to scott_sponsors_ 2014_large.jpg" target="_new"><img src="assests/announcements/salute to scott_sponsors_2014.jpg" width="160" height="240" align="middle" /></a><br />
              <br />
              <a href="assests/announcements/salute to scott_table_tent_2014_large.jpg" target="_new"><img src="assests/announcements/salute to scott_table_tent_2014.jpg" width="161" height="215" align="middle" /></a><br />
              <br />
              <a href="assests/announcements/salute to scott_food_vendors_2014_large.jpg" target="_new"><img src="assests/announcements/salute to scott_food_vendors_2014-small.jpg" width="160" height="247" align="middle" /></a></td>
            </tr>
          <tr>
            <td height="49" align="left" valign="top" bgcolor="#EBF1FC" class="ourcommunity">&nbsp;</td>
            <td colspan="2" align="left" valign="middle" bgcolor="#EBF1FC" class="ourcommunity"><blockquote>
               <hr align="center" noshade="noshade" />
              </blockquote></td>
            </tr>
      </table></td>
      <td width="5" align="left" valign="top" bgcolor="#EBF1FC">&nbsp;</td>
      <td width="300" align="left" valign="top" bgcolor="#EBF1FC"><table width="291" border="0" align="left" cellpadding="0" cellspacing="0">
          <tr>
            <td height="54" colspan="2" align="right" valign="top" bgcolor="#EBF1FC"><img src="assests/page_headings/welcome_new_members.png" width="275" height="48" align="absmiddle" /></td>
            </tr>
          <tr>
            <td colspan="2" align="center" valign="top" bgcolor="#EBF1FC">
              <div id="mni-widgets-1387470424630"><div id="mni-widgets-1387573246625"></div>
              <script type="text/javascript">
//<![CDATA[
var _mniwq=_mniwq||[];
_mniwq.push(["1387573246625.type","business_new"],["1387573246625.marquee",true],["1387573246625.scrollFreq",100],["1387573246625.daysBack",31],["1387573246625.showLinks",true],["1387573246625.popUp",true],["1387573246625.styleTemplate","#@id .mn-scroll-container{font-family:Arial, Helvetica, sans-serif;font-size:14px;line-height:130%;margin:8px;position:relative;height:205px;overflow:hidden}#@id .mn-scroll-item{-moz-border-radius:5px;-webkit-border-radius:5px;background-clip:padding-box;background-color:#020209;border-radius:5px;color:#FFFFFF;margin:0 0 4px;position:relative}#@id .mn-scroll-item{background-image:-webkit-gradient(linear,lefttop,leftbottom,from(#15155c),to(#020209));background-image:-webkit-linear-gradient(top,#15155c,#020209);background-image:-moz-linear-gradient(top,#15155c,#020209);background-image:-ms-linear-gradient(top,#15155c,#020209);background-image:-o-linear-gradient(top,#15155c,#020209);background-image:linear-gradient(top,#15155c,#020209)}#@id .mn-scroll-item:hover{background-color:#3365A0;color:#FFFFFF}#@id .mn-scroll-item:hover{background-image:-webkit-gradient(linear,lefttop,leftbottom,from(#6a98cf),to(#3365A0));background-image:-webkit-linear-gradient(top,#6a98cf,#3365A0);background-image:-moz-linear-gradient(top,#6a98cf,#3365A0);background-image:-ms-linear-gradient(top,#6a98cf,#3365A0);background-image:-o-linear-gradient(top,#6a98cf,#3365A0);background-image:linear-gradient(top,#6a98cf,#3365A0)}#@id .mn-scroll-name,#@id .mn-scroll-teaser{display:block;padding:5px 3px 5px 3px;position:relative}#@id .mn-scroll-link{color:inherit;text-decoration:none}#@id .mn-scroll-link:hover{text-decoration:underline}#@id .mn-scroll-slider{position:absolute;width:100%}"],["1387573246625.create","mni-widgets-1387573246625"]);
(function(b,d,a,c){b.getElementById(d)||(c=b.getElementsByTagName(a)[0],a=b.createElement(a),a.type="text/javascript",a.async=!0,a.src="http://ofallonchamber.chambermaster.com/Content/Script/Widgets.js",c.parentNode.insertBefore(a,c))})(document,"mni-widgets-script","script");
//]]>
</script>&nbsp;</td>
            </tr>
          <tr>
            <td width="133" align="center" valign="top" bgcolor="#EBF1FC"><strong><a href="http://www.villageprofile.com/illinois/ofallon/" target="_new"><img src="assests/village-profile.gif" alt="" width="130" height="167" border="2" align="right" /></a></strong></td>
            <td width="158" align="center" valign="middle" bgcolor="#EBF1FC"><br />
              <hr width="50%" />
              <strong class="ourcommunity">O'Fallon-Shiloh <br />
                Chamber of Commerce<br />
                <a href="http://www.villageprofile.com/illinois/ofallon/" target="_new">Map</a></strong><span class="ourcommunity"> <strong>&amp;<br />
                </strong></span><strong><a href="http://www.villageprofile.com/illinois/ofallon/" target="_new" class="ourcommunity">Community Profile®</a></strong><br />
              <hr width="50%" />
              <p>                <br />
              </p></td>
            </tr>
          <tr>
            <td height="22" colspan="2" align="left" valign="middle" bgcolor="#EBF1FC">&nbsp;</td>
            </tr>
          <tr>
            <td height="45" colspan="2" align="left" valign="middle" bgcolor="#EBF1FC"><blockquote>
               <p><span class="ourcommunity">Are you a  Chamber Member? Feel free to take the button below to display on your website!</span></p>
              </blockquote></td>
            </tr>
          <tr>
            <td colspan="2" align="center" valign="top" bgcolor="#EBF1FC"><a href="assests/member_badge_2014_large.png" target="_new"><img src="assests/member_badge_2014.png" width="250" height="100" align="absmiddle" /></a></td>
            </tr>
      </table></td>
    </tr>
    <tr>
      <td align="right" valign="baseline" bgcolor="#EBF1FC" class="address">&nbsp;</td>
      <td align="left" valign="top" bgcolor="#EBF1FC" class="ourcommunity"><blockquote><strong><a href="join.html">Chamber Referral Incentive Program</a>. Find out how to get a <a href="join.html">free lunch</a> on us!</strong> </blockquote></td>
      <td align="right" valign="middle" bgcolor="#EBF1FC" class="address">&nbsp;</td>
      <td align="right" valign="middle" bgcolor="#EBF1FC" class="address">&nbsp;</td>
    </tr>
    <tr>
      <td align="center" valign="baseline" bgcolor="#EBF1FC" class="address">&nbsp;</td>
      <td align="center" valign="baseline" bgcolor="#EBF1FC" class="address">&nbsp;</td>
      <td align="left" valign="baseline" bgcolor="#EBF1FC" class="address">&nbsp;</td>
      <td align="center" valign="baseline" bgcolor="#EBF1FC" class="address">&nbsp;</td>
    </tr>
    <tr>
      <td align="center" valign="baseline" bgcolor="#EBF1FC" class="address">&nbsp;</td>
      <td align="center" valign="baseline" bgcolor="#EBF1FC" class="address">&nbsp;</td>
      <td align="left" valign="baseline" bgcolor="#EBF1FC" class="address">&nbsp;</td>
      <td align="center" valign="baseline" bgcolor="#EBF1FC" class="address">&nbsp;</td>
    </tr>
    <tr>
      <td align="center" valign="baseline" bgcolor="#EBF1FC" class="address">&nbsp;</td>
      <td align="center" valign="baseline" bgcolor="#EBF1FC" class="address">&nbsp;</td>
      <td align="left" valign="baseline" bgcolor="#EBF1FC" class="address">&nbsp;</td>
      <td align="center" valign="baseline" bgcolor="#EBF1FC" class="address">&nbsp;</td>
    </tr>
    <tr>
      <td align="center" valign="baseline" bgcolor="#EBF1FC" class="address"><strong><a href="https://maps.google.com/maps?q=116+East+1st+Street,+O'Fallon,+IL&amp;hl=en&amp;sll=39.739318,-89.266507&amp;sspn=11.835862,23.269043&amp;hnear=116+E+1st+St,+O'Fallon,+Illinois+62269&amp;t=m&amp;z=16" target="_new">116 East First Street, O'Fallon, IL 62269</a></strong></td>
      <td align="center" valign="baseline" bgcolor="#EBF1FC" class="address"><strong>P.O. Box 371, O'Fallon, IL 62269</strong></td>
      <td align="left" valign="baseline" bgcolor="#EBF1FC" class="address">&nbsp;</td>
      <td align="center" valign="baseline" bgcolor="#EBF1FC" class="address"><strong>618-632-3377 . 618-632-8162</strong></td>
    </tr>
    <tr>
      <td align="center" valign="baseline" bgcolor="#EBF1FC" class="address">&nbsp;</td>
      <td align="center" valign="baseline" bgcolor="#EBF1FC" class="address">&nbsp;</td>
      <td align="left" valign="baseline" bgcolor="#EBF1FC" class="address">&nbsp;</td>
      <td align="center" valign="baseline" bgcolor="#EBF1FC" class="address"><a href="mailto:chamber@ofallonchamber.com" target="_new">chamber@ofallonchamber.com</a></td>
    </tr>
    <tr>
      <td align="center" valign="baseline" bgcolor="#EBF1FC" class="address">&nbsp;</td>
      <td align="center" valign="baseline" bgcolor="#EBF1FC" class="address">&nbsp;</td>
      <td align="left" valign="baseline" bgcolor="#EBF1FC" class="address">&nbsp;</td>
      <td align="center" valign="baseline" bgcolor="#EBF1FC" class="address">&nbsp;</td>
    </tr>
    </table>
  <div id="fb-root"></div>
  <script>
(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script><script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
  <script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
     </script>
</body>
</html>
0

I believe my menu is now fixed. A member of our chamber came and fixed it for me. It was just a couple of tweaks that I hadn't tried. Now I just need to get the end filled in so it's not short, or center it. Here is the link. If you view it, please let me know if it doesn't appear aligned. Thanks for all the suggestions even if they did not fix the issue.

http://www.ofallonchamber.com/

This question has already been answered. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.