Hi all,

I have what I think is a classic problem ( http://ertc.trudeauconsulting.com ) -- my submenus look like this:

  <--- I know this is a problem with my CSS but I just can't figure it out!  I think this is a common issue - who else has had this problem and can tell me how to fix it?

Here's some of my magical CSS:

body  {background-color: white;
  background-image: url(pixelPlainERTC/bg.png);
  background-position: top right;
  background-repeat: no-repeat;}

/*=============== START DEFAULT MENU STYLES ============================================*/
.MainMenu_MenuContainer {background-color: transparent; 
   padding-left:6px;}

.MainMenu_MenuBar  {padding-top: 5px;}

.MainMenu_MenuItem  {background: transparent;
   color: #ffffff;
       font-family: times;
   font-size: 115%; 
   font-style: normal;
       border: 0px;
   padding: 0px 5px 5px 5px;
   text-align: left;}

.MainMenu_MenuItemSel  {background: transparent;
   color: #CDA1A1;  /* slate pink */
   font-family: times;
   font-size: 115%;
   font-style: normal;
   border: 0px; padding: 0px 5px 5px 5px;}

.MainMenu_MenuIcon  {display: none;}

.MainMenu_SubMenu  {z-index: 1000;
   background: #521C1D;
   border: 0px; padding: 0px 5px 5px 5px;
   font-size: 11px;}