Remove Borders Around Menu 2 Menu?

How do you remove the borders around menu items in the Menu 2 category menu? I tried the following CSS and it makes the menu transparent which is what I want, but I still see the borders around each item.

div#menu2 ul.rMenu {
background:transparent;
border-bottom:transparent !important;
border-top:transparent !important;
border-left:transparent !important;
border-right:transparent !important;
}

ul.rMenu li a:link, ul.rMenu li a:active,
ul.rMenu li a:visited, ul.rMenu li {
background: transparent !important;
}
ul.rMenu li a:hover {
background: transparent !important;
}