See the site I'm working on here: http://www.smokefreealaska.org/smokefree/

I'm trying to get a 1px white line in between each of the solpart menu items, but can't seem to figure out which style is governing it.

I've tried using .skingradient style and just making an image to do it, but it ends up tiling the button image all the way to the bottom of the page. That's not Good.

Help me!

Here's the relevant portion of my skin.css:
.MainMenu_MenuContainer {
background-color: transparent;
border: 2px solid #FFFFFF;
}
.MainMenu_MenuBar {
cursor: pointer;
cursor: hand;
height: 16px;
background-color: Transparent;
border: 0px solid #FFFFFF
}
.MainMenu_MenuItem{
color: #FFFFFF;
font-size: 14px;
font-weight: bold;
font-style: normal;
background-color: Transparent;
font-family: Times;
border-left: #FFFFFF 0px solid;
border-bottom: #FFFFFF 0px solid;
border-top: #FFFFFF 0px solid;
border-right: #FFFFFF 0px solid;
}
.MainMenu_MenuItemSel{
background-color: #ffffff;
cursor: pointer;
cursor: hand;
color: #7d0042;
font-size: 14px;
font-family: Times;
font-weight: bold;
font-style: normal;
}
.MainMenu_MenuIcon {
background-color: #F7F4F3;
cursor: pointer;
cursor: hand;
text-align: center;
width: 1px;
height: 14px;
}
.MainMenu_SubMenu {
background-color: #00335b;
color: #FFFFFF;
z-index: 1000;
cursor: pointer;
cursor: hand;
border-left: #00335b 0px solid;
border-bottom: #00335b 0px solid;
border-top: #00335b 0px solid;
border-right: #00335b 0px solid;
}
.StandardButton {
background: #5661BB none;
color: #ffffff;
font-family: Times, serif;
font-size: 11px;
font-weight: normal;
}