No dashes now default dashes won't go away.
 

EDIT UPDATE: Nevermind gave up, tried a different look and I like it better. Thanks anyway.:)

Hi,
Before there were no dashes and the menu buttons had zero space between them.

Now I have to match the button color the best I can which makes it appear to have some space between the buttons:( And the default dashes and colors won't go away even thought I matched the background color with them, it uses the default color. Here is my css insert:

/* ================================================== */
/* Menu item */
/* ================================================== */
ul.rMenu li a:link,
ul.rMenu li a:active,
ul.rMenu li a:visited,
ul.rMenu li {
background: url(mysiteurl/wp-content/gallery/button/buttons4.png) !important;
color: # !important;
}
ul.rMenu li a:hover {
background: !important;
color: # !important;
filter:alpha(opacity=60);
-moz-opacity:.60;
opacity:0.6;
}

/* ================================================== */
/* CSS for setting menu padding */
/* ================================================== */
ul.rMenu li {
padding-top: 0px;
margin: 0px 0px 0px 0px;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */

I read another post similar, but I don't have the same info so I'm not sure what to do. Thanks :)