I no longer have that extra space on the right to match the left side, but that is fine.  I can deal with it since it at least looks like it is supposed to be that way.  :)  Thanks a bunch!!

---

Will Strohl

Upendo Ventures DNN experts since 2003 Official provider of the Hotcakes Commerce Cloud and SLA support

I had the same issue...
Actually, almost the same issue everyone has had when playing with borders and their colors.
When you mouse over them, the borders disappear and its really ugly (and the outside "border" items not changing color).
My problem was totally CSS.

This looks confusing, but I've included my CSS code at the bottom as an example. Basically there are particular styles you need to make the same color:
-----

Set the background color to be the same color on the following classes:
.MainMenu_MenuItem
.MainMenu_MenuIcon
.MainMenu_SubMenu
.MainMenu_Arrow

Then, set the left and right borders to be the same color as your background color on the following class:
.MainMenu_MenuIcon

Set the left and right borders to be the color you want for your border (I chose white. Remember to leave the top and bottom borders the same color as your background) on the following class:
.MainMenu_MenuItem

Set all the border colors to (whatever color your want the border, it should be the same color as the left and right borders you set in the .MainMenu_MenuItem and .MainMenu_Menu classes you set above.) on the following class:
.MainMenu_SubMenu

Set the color and background color properties for the following class to be whatever color you want the item to have on roll over.
.MainMenu_MenuItemSel


***MyCSS***
.MainMenu_MenuItem {

border-left: #FFFFFF 0px solid;
border-bottom: #3372AA 1px solid;
border-top: #3372AA 1px solid;
border-right: #FFFFFF 0px solid;
cursor: pointer;
cursor: hand;
color: #FFFFFF;
font-size: 8pt;
font-weight: bold;
font-style: normal;
background-color: Transparent;
font-family: Arial, Tahoma, Helvetica;
}
.MainMenu_MenuIcon {
background-color: #3372AA;
border-left: #3372AA 1px solid;
border-bottom: #3372AA 1px solid;
border-top: #3372AA 1px solid;
cursor: pointer;
cursor: hand;
text-align: center;
width: 15px;
height: 22px;
}
.MainMenu_SubMenu {
background-color: #3372AA;
border-left: #FFFFFF 1px solid;
border-right: #FFFFFF 1px solid;
border-bottom: #FFFFFF 1px solid;
border-top: #FFFFFF 1px solid;
z-index: 1000;
cursor: pointer;
cursor: hand;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3);
}


.MainMenu_MenuArrow {
border-right: #3372AA 1px solid;
border-bottom: #3372AA 1px solid;
border-top: #3372AA 0px solid;
font-family: webdings;
font-size: 9pt;
cursor: pointer;
cursor: hand;
}

.MainMenu_MenuItemSel {
background-color: E1E5E9;
cursor: pointer;
cursor: hand;
color: #00569A;
font-family: Arial, Tahoma, Helvetica;
font-size: 8pt;
font-weight: bold;
font-style: normal;
height: 22px;

}