Styling Drop Down Menu
 

Hello,

I have a site here that I have been hacking away at, and have a problem I just can't solve.

http://sacredtheatre.org/wordpress/

The drop down menu items are retaining the dividers from the main menu, and I don't want them to. If I add "background: none" into the CSS under the div#menu1 ul.rMenu li ul tag it turns off even the orange background which I want!

It is also not reading the border bottom in the submenu.

my CSS so far:
div#menu1 {
height: 26px;
background: #F39D63;
padding-top: 5px;
padding-left: 40px;
font-weight: bold !important;
text-shadow: #666 2px 2px 1px;
}

ul.rMenu li {
padding: 2px 12px;
margin-left: -6px;
background: transparent url(/wordpress/wp-content/themes/atahualpa/images/menu-divider.jpg) -3px 3px no-repeat !important;
}

ul.rMenu li:first-child {
background: transparent !important;
}

/*---drop down arrows---*/
div#menu1 ul.rMenu-hor li.rMenu-expand a {
background-image: none;
padding-right: 0px !important;
}
div#menu2 ul.rMenu-hor li.rMenu-expand a {
background-image: none;
padding-right: 0px !important;
}

/*---drop down style---*/
ul.rMenu-ver {
background: #F39D63;
}
div#menu1 ul.rMenu li ul {
border-bottom: 1px solid #FFF;
}


Thoughts?

Thanks! ~Arrowyn