[SOLVED] Transparent background behind page menu

inkdork · #1 Jan 7, 2012, 05:28 PM

I've read several threads, and I've managed to get the rounded corners on my menu for the tabs effect, but having trouble getting rid of the background behind each actual item.

This is what I have in my CSS inserts.

Code:

div#menu1 ul.rMenu li, div#menu1 ul.rMenu li a{
-webkit-border-top-left-radius: 11px;
-webkit-border-top-right-radius: 11px;
-moz-border-radius-topleft: 11px;
-moz-border-radius-topright: 11px;
border-top-left-radius: 11px;
border-top-right-radius: 11px;
} 

.rMenu-ver {
    background: transparent !important;
}

I'd also like to make the sub-menus stay with the standard square corners- is this possible?

Thanks in advance.